@weavetab/mcp 2.5.0-beta.5 → 2.5.1

package/dist/tools/fill.js

@@ -35,49 +35,49 @@ function esc(s) {
  */
 async function detectFieldType(session, selector) {
     const { result } = await session.Runtime.evaluate({
-        expression: `(function() {
-      var el = document.querySelector(${esc(selector)});
-      if (!el) return JSON.stringify({ exists: false, fillable: false });
-      if (el.tagName === 'LABEL') {
-        var forId = el.getAttribute('for');
-        var target = forId ? document.getElementById(forId) : el.querySelector('input, textarea, select');
-        if (target) el = target;
-      } else if (!['input', 'select', 'textarea'].includes(el.tagName.toLowerCase()) && !el.isContentEditable) {
-        var inner = el.querySelector('input, textarea, select');
-        if (inner) el = inner;
-      }
-      var tag = el.tagName.toLowerCase();
-      var t = (el.getAttribute('type') || 'text').toLowerCase();
-      var role = (el.getAttribute('role') || '').toLowerCase();
-      var isCE = el.isContentEditable || el.getAttribute('contenteditable') === 'true' || el.getAttribute('contenteditable') === '';
-      var isCombobox = role === 'combobox' || role === 'textbox';
-      var type;
-      if (tag === 'select') type = 'select';
-      else if (tag === 'input' && t === 'checkbox') type = 'checkbox';
-      else if (tag === 'input' && t === 'radio') type = 'radio';
-      else if (role === 'checkbox') type = 'custom-checkbox';
-      else if (role === 'radio') type = 'custom-radio';
-      else if (role === 'switch') type = 'custom-checkbox';
-      else if (role === 'listbox' || role === 'option') type = 'select';
-      else if (tag === 'textarea' || (tag === 'input' && ['text','email','tel','url','password','search','number','time','date','datetime-local','month','week'].includes(t)) || isCE || isCombobox) type = 'text';
-      else type = 'unknown';
-      // Check fillability — disabled or readonly fields cannot be written to.
-      var ariaDisabled = el.getAttribute('aria-disabled');
-      var fillable = !el.disabled && !el.readOnly && ariaDisabled !== 'true' && ariaDisabled !== '';
-      // For checkboxes/radios, readOnly doesn't apply — but disabled does.
-      if (type === 'checkbox' || type === 'radio' || type === 'custom-checkbox' || type === 'custom-radio') {
-        fillable = !el.disabled && ariaDisabled !== 'true';
-      }
-      var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
-      var isSecret = el.hasAttribute('data-wt-secret') ||
-        (el.tagName === 'INPUT' && (
-          t === 'password' ||
-          secretRegex.test(el.getAttribute('autocomplete') || '') ||
-          secretRegex.test(el.getAttribute('name') || '') ||
-          secretRegex.test(el.getAttribute('id') || '') ||
-          secretRegex.test(el.getAttribute('aria-label') || '')
-        ));
-      return JSON.stringify({ exists: true, type: type, fillable: fillable, isSecret: isSecret });
+        expression: `(function() {
+      var el = document.querySelector(${esc(selector)});
+      if (!el) return JSON.stringify({ exists: false, fillable: false });
+      if (el.tagName === 'LABEL') {
+        var forId = el.getAttribute('for');
+        var target = forId ? document.getElementById(forId) : el.querySelector('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [data-slate-editor], [role="textbox"]');
+        if (target) el = target;
+      } else if (!['input', 'select', 'textarea'].includes(el.tagName.toLowerCase()) && !el.isContentEditable) {
+        var inner = el.querySelector('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [data-slate-editor], [role="textbox"]');
+        if (inner) el = inner;
+      }
+      var tag = el.tagName.toLowerCase();
+      var t = (el.getAttribute('type') || 'text').toLowerCase();
+      var role = (el.getAttribute('role') || '').toLowerCase();
+      var isCE = el.isContentEditable || el.getAttribute('contenteditable') === 'true' || el.getAttribute('contenteditable') === '';
+      var isCombobox = role === 'combobox' || role === 'textbox';
+      var type;
+      if (tag === 'select') type = 'select';
+      else if (tag === 'input' && t === 'checkbox') type = 'checkbox';
+      else if (tag === 'input' && t === 'radio') type = 'radio';
+      else if (role === 'checkbox') type = 'custom-checkbox';
+      else if (role === 'radio') type = 'custom-radio';
+      else if (role === 'switch') type = 'custom-checkbox';
+      else if (role === 'listbox' || role === 'option') type = 'select';
+      else if (tag === 'textarea' || (tag === 'input' && ['text','email','tel','url','password','search','number','time','date','datetime-local','month','week'].includes(t)) || isCE || isCombobox) type = 'text';
+      else type = 'unknown';
+      // Check fillability — disabled or readonly fields cannot be written to.
+      var ariaDisabled = el.getAttribute('aria-disabled');
+      var fillable = !el.disabled && !el.readOnly && ariaDisabled !== 'true' && ariaDisabled !== '';
+      // For checkboxes/radios, readOnly doesn't apply — but disabled does.
+      if (type === 'checkbox' || type === 'radio' || type === 'custom-checkbox' || type === 'custom-radio') {
+        fillable = !el.disabled && ariaDisabled !== 'true';
+      }
+      var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
+      var isSecret = el.hasAttribute('data-wt-secret') ||
+        (el.tagName === 'INPUT' && (
+          t === 'password' ||
+          secretRegex.test(el.getAttribute('autocomplete') || '') ||
+          secretRegex.test(el.getAttribute('name') || '') ||
+          secretRegex.test(el.getAttribute('id') || '') ||
+          secretRegex.test(el.getAttribute('aria-label') || '')
+        ));
+      return JSON.stringify({ exists: true, type: type, fillable: fillable, isSecret: isSecret });
     })()`,
         returnByValue: true,
     });
@@ -89,44 +89,44 @@ async function detectFieldType(session, selector) {
  */
 async function getFieldState(session, selector, type) {
     const { result } = await session.Runtime.evaluate({
-        expression: `(function(type) {
-      var el = document.querySelector(${esc(selector)});
-      if (!el) return JSON.stringify({ exists: "false" });
-      if (el.tagName === 'LABEL') {
-        var forId = el.getAttribute('for');
-        var target = forId ? document.getElementById(forId) : el.querySelector('input, textarea, select');
-        if (target) el = target;
-      } else if (!['input', 'select', 'textarea'].includes(el.tagName.toLowerCase()) && !el.isContentEditable) {
-        var inner = el.querySelector('input, textarea, select');
-        if (inner) el = inner;
-      }
-      var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
-      var isSecret = el.hasAttribute('data-wt-secret') ||
-        (el.tagName === 'INPUT' && (
-          (el.type || '').toLowerCase() === 'password' ||
-          secretRegex.test(el.getAttribute('autocomplete') || '') ||
-          secretRegex.test(el.getAttribute('name') || '') ||
-          secretRegex.test(el.getAttribute('id') || '') ||
-          secretRegex.test(el.getAttribute('aria-label') || '')
-        ));
-      var s = { exists: "true", isSecret: isSecret ? "true" : "false" };
-      if (el.tagName === 'SELECT') {
-        var idx = el.selectedIndex;
-        s.selectedIndex = String(idx);
-        s.value = isSecret ? '[REDACTED]' : el.value;
-        s.text = idx >= 0 ? el.options[idx].text : "";
-      } else if (el.type === 'checkbox' || el.type === 'radio' || type === 'custom-checkbox' || type === 'custom-radio') {
-        // Native checkbox/radio uses .checked; ARIA elements use aria-checked
-        var ariaChecked = el.getAttribute('aria-checked');
-        var isChecked = el.checked !== undefined ? el.checked : (ariaChecked === 'true' || ariaChecked === 'mixed');
-        s.checked = isChecked ? "true" : "false";
-        if (ariaChecked !== null) s.ariaChecked = ariaChecked;
-      } else if (el.isContentEditable) {
-        s.text = isSecret ? '[REDACTED]' : (el.textContent || "");
-      } else {
-        s.value = isSecret ? '[REDACTED]' : el.value;
-      }
-      return JSON.stringify(s);
+        expression: `(function(type) {
+      var el = document.querySelector(${esc(selector)});
+      if (!el) return JSON.stringify({ exists: "false" });
+      if (el.tagName === 'LABEL') {
+        var forId = el.getAttribute('for');
+        var target = forId ? document.getElementById(forId) : el.querySelector('input, textarea, select');
+        if (target) el = target;
+      } else if (!['input', 'select', 'textarea'].includes(el.tagName.toLowerCase()) && !el.isContentEditable) {
+        var inner = el.querySelector('input, textarea, select');
+        if (inner) el = inner;
+      }
+      var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
+      var isSecret = el.hasAttribute('data-wt-secret') ||
+        (el.tagName === 'INPUT' && (
+          (el.type || '').toLowerCase() === 'password' ||
+          secretRegex.test(el.getAttribute('autocomplete') || '') ||
+          secretRegex.test(el.getAttribute('name') || '') ||
+          secretRegex.test(el.getAttribute('id') || '') ||
+          secretRegex.test(el.getAttribute('aria-label') || '')
+        ));
+      var s = { exists: "true", isSecret: isSecret ? "true" : "false" };
+      if (el.tagName === 'SELECT') {
+        var idx = el.selectedIndex;
+        s.selectedIndex = String(idx);
+        s.value = isSecret ? '[REDACTED]' : el.value;
+        s.text = idx >= 0 ? el.options[idx].text : "";
+      } else if (el.type === 'checkbox' || el.type === 'radio' || type === 'custom-checkbox' || type === 'custom-radio') {
+        // Native checkbox/radio uses .checked; ARIA elements use aria-checked
+        var ariaChecked = el.getAttribute('aria-checked');
+        var isChecked = el.checked !== undefined ? el.checked : (ariaChecked === 'true' || ariaChecked === 'mixed');
+        s.checked = isChecked ? "true" : "false";
+        if (ariaChecked !== null) s.ariaChecked = ariaChecked;
+      } else if (el.isContentEditable) {
+        s.text = isSecret ? '[REDACTED]' : (el.textContent || "");
+      } else {
+        s.value = isSecret ? '[REDACTED]' : el.value;
+      }
+      return JSON.stringify(s);
     })(${esc(type)})`,
         returnByValue: true,
     });
@@ -138,105 +138,103 @@ async function getFieldState(session, selector, type) {
  */
 async function applyFieldValue(session, selector, value, type) {
     const { result } = await session.Runtime.evaluate({
-        expression: `(function(selector, value, type) {
-      try {
-        var el = document.querySelector(selector);
-        if (!el) return JSON.stringify({ ok: false, msg: 'Element not found' });
-        if (el.tagName === 'LABEL') {
-          var forId = el.getAttribute('for');
-          var target = forId ? document.getElementById(forId) : el.querySelector('input, textarea, select');
-          if (target) el = target;
-        } else if (!['input', 'select', 'textarea'].includes(el.tagName.toLowerCase()) && !el.isContentEditable) {
-          var inner = el.querySelector('input, textarea, select');
-          if (inner) el = inner;
-        }
-
-        if (type === 'text') {
-          el.focus();
-          // NOTE: el.click() intentionally removed — it generates bubbling click events
-          // that can activate extension UI elements (wt-minimize-btn etc.) when the
-          // field is adjacent to the WeaveTab panel. el.focus() is sufficient; the
-          // value is written via native setter + synthetic input/change events.
-          if (el.isContentEditable) {
-            // contenteditable: set via textContent and also try execCommand for rich editors
-            el.textContent = value;
-            try { document.execCommand('selectAll', false, null); document.execCommand('insertText', false, value); } catch(e2) {}
-          } else {
-            var tag = el.tagName.toLowerCase();
-            var proto = tag === 'textarea' ? window.HTMLTextAreaElement.prototype : window.HTMLInputElement.prototype;
-            var ns = Object.getOwnPropertyDescriptor(proto, 'value')?.set;
-            if (ns) ns.call(el, value); else el.value = value;
-          }
-          el.dispatchEvent(new InputEvent('input', { bubbles: true, data: value, inputType: 'insertText' }));
-          el.dispatchEvent(new Event('change', { bubbles: true }));
-          return JSON.stringify({ ok: true, msg: 'filled' });
-        }
-        if (type === 'checkbox' || type === 'custom-checkbox') {
-          var shouldCheck = value === 'true' || value === 'yes' || value === 'checked' || value === '1' || value === 'on';
-          var isNative = el.tagName === 'INPUT' && el.type === 'checkbox';
-          if (isNative) {
-            var currentlyChecked = el.checked;
-            if (currentlyChecked !== shouldCheck) {
-              // Use native checked setter to bypass React's synthetic event system
-              var nativeSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'checked')?.set;
-              if (nativeSetter) nativeSetter.call(el, shouldCheck); else el.checked = shouldCheck;
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-              el.dispatchEvent(new Event('input', { bubbles: true }));
-            }
-          } else {
-            // ARIA custom checkbox (role=checkbox/switch): toggle aria-checked and click
-            var ariaChecked = el.getAttribute('aria-checked');
-            var isCurrentlyChecked = ariaChecked === 'true';
-            if (isCurrentlyChecked !== shouldCheck) {
-              el.setAttribute('aria-checked', shouldCheck ? 'true' : 'false');
-              el.click();
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-          }
-          return JSON.stringify({ ok: true, msg: shouldCheck ? 'checked' : 'unchecked' });
-        }
-        if (type === 'radio' || type === 'custom-radio') {
-          var isNativeRadio = el.tagName === 'INPUT' && el.type === 'radio';
-          if (isNativeRadio) {
-            if (!el.checked) {
-              var nativeRadioSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'checked')?.set;
-              if (nativeRadioSetter) nativeRadioSetter.call(el, true); else el.checked = true;
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-          } else {
-            if (el.getAttribute('aria-checked') !== 'true') {
-              el.setAttribute('aria-checked', 'true');
-              el.click();
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-          }
-          return JSON.stringify({ ok: true, msg: 'selected' });
-        }
-        if (type === 'select') {
-          var foundIdx = -1;
-          for (var j = 0; j < el.options.length; j++) {
-            var opt = el.options[j];
-            if (opt.value === value || opt.text === value || opt.text.trim() === value.trim()) {
-              foundIdx = j; break;
-            }
-          }
-          if (foundIdx === -1) return JSON.stringify({ ok: false, msg: 'Option not found: ' + value });
-          var nativeSelectSetter = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value')?.set;
-          if (nativeSelectSetter) nativeSelectSetter.call(el, el.options[foundIdx].value);
-          else el.selectedIndex = foundIdx;
-          el.dispatchEvent(new Event('input', { bubbles: true }));
-          el.dispatchEvent(new Event('change', { bubbles: true }));
-          el.options[foundIdx].dispatchEvent(new MouseEvent('click', { bubbles: true }));
-          return JSON.stringify({ ok: true, msg: 'selected:' + el.options[foundIdx].text });
-        }
-        return JSON.stringify({ ok: false, msg: 'Unsupported field type: ' + type });
-      } catch(e) {
-        return JSON.stringify({ ok: false, msg: e.message || String(e) });
-      }
+        expression: `(function(selector, value, type) {
+      try {
+        var el = document.querySelector(selector);
+        if (!el) return JSON.stringify({ ok: false, msg: 'Element not found' });
+        if (el.tagName === 'LABEL') {
+          var forId = el.getAttribute('for');
+          var target = forId ? document.getElementById(forId) : el.querySelector('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [data-slate-editor], [role="textbox"]');
+          if (target) el = target;
+        } else if (!['input', 'select', 'textarea'].includes(el.tagName.toLowerCase()) && !el.isContentEditable) {
+          var inner = el.querySelector('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [data-slate-editor], [role="textbox"]');
+          if (inner) el = inner;
+        }
+
+        if (type === 'text') {
+          el.focus();
+          if (el.isContentEditable || el.getAttribute('contenteditable') === 'true' || el.hasAttribute('data-slate-editor')) {
+            // contenteditable/Slate: use execCommand to preserve React/Slate virtual DOM tree
+            var isSlate = el.hasAttribute('data-slate-editor') || !!el.closest('[data-slate-editor]');
+            if (!isSlate) {
+              el.textContent = value;
+            }
+            try { document.execCommand('selectAll', false, null); document.execCommand('insertText', false, value); } catch(e2) {}
+          } else {
+            var tag = el.tagName.toLowerCase();
+            var proto = tag === 'textarea' ? window.HTMLTextAreaElement.prototype : window.HTMLInputElement.prototype;
+            var ns = Object.getOwnPropertyDescriptor(proto, 'value')?.set;
+            if (ns) ns.call(el, value); else el.value = value;
+          }
+          el.dispatchEvent(new InputEvent('input', { bubbles: true, data: value, inputType: 'insertText' }));
+          el.dispatchEvent(new Event('change', { bubbles: true }));
+          return JSON.stringify({ ok: true, msg: 'filled' });
+        }
+        if (type === 'checkbox' || type === 'custom-checkbox') {
+          var shouldCheck = value === 'true' || value === 'yes' || value === 'checked' || value === '1' || value === 'on';
+          var isNative = el.tagName === 'INPUT' && el.type === 'checkbox';
+          if (isNative) {
+            // A real click both toggles the box and fires trusted click/input/change
+            // events, keeping React/Vue controlled components in sync. Never set
+            // el.checked and then also dispatch a synthetic click: dispatching a
+            // click event runs the checkbox's default activation behavior and
+            // toggles it straight back, leaving the box unchanged.
+            if (el.checked !== shouldCheck) {
+              el.click();
+            }
+          } else {
+            // ARIA custom checkbox (role=checkbox/switch): toggle aria-checked and click
+            var ariaChecked = el.getAttribute('aria-checked');
+            var isCurrentlyChecked = ariaChecked === 'true';
+            if (isCurrentlyChecked !== shouldCheck) {
+              el.setAttribute('aria-checked', shouldCheck ? 'true' : 'false');
+              el.click();
+              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+          }
+          return JSON.stringify({ ok: true, msg: shouldCheck ? 'checked' : 'unchecked' });
+        }
+        if (type === 'radio' || type === 'custom-radio') {
+          var isNativeRadio = el.tagName === 'INPUT' && el.type === 'radio';
+          if (isNativeRadio) {
+            if (!el.checked) {
+              var nativeRadioSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'checked')?.set;
+              if (nativeRadioSetter) nativeRadioSetter.call(el, true); else el.checked = true;
+              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+          } else {
+            if (el.getAttribute('aria-checked') !== 'true') {
+              el.setAttribute('aria-checked', 'true');
+              el.click();
+              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+          }
+          return JSON.stringify({ ok: true, msg: 'selected' });
+        }
+        if (type === 'select') {
+          var foundIdx = -1;
+          for (var j = 0; j < el.options.length; j++) {
+            var opt = el.options[j];
+            if (opt.value === value || opt.text === value || opt.text.trim() === value.trim()) {
+              foundIdx = j; break;
+            }
+          }
+          if (foundIdx === -1) return JSON.stringify({ ok: false, msg: 'Option not found: ' + value });
+          var nativeSelectSetter = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value')?.set;
+          if (nativeSelectSetter) nativeSelectSetter.call(el, el.options[foundIdx].value);
+          else el.selectedIndex = foundIdx;
+          el.dispatchEvent(new Event('input', { bubbles: true }));
+          el.dispatchEvent(new Event('change', { bubbles: true }));
+          el.options[foundIdx].dispatchEvent(new MouseEvent('click', { bubbles: true }));
+          return JSON.stringify({ ok: true, msg: 'selected:' + el.options[foundIdx].text });
+        }
+        return JSON.stringify({ ok: false, msg: 'Unsupported field type: ' + type });
+      } catch(e) {
+        return JSON.stringify({ ok: false, msg: e.message || String(e) });
+      }
     })(${esc(selector)}, ${esc(value)}, ${esc(type)})`,
         returnByValue: true,
     });
@@ -436,69 +434,70 @@ export async function browserFill(session, options, config) {
     if (options.scan || options.inputs || (!options.fields || options.fields.length === 0)) {
         try {
             const scanRes = await session.Runtime.evaluate({
-                expression: `(function() {
-          const all = Array.from(document.querySelectorAll('input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="image"]), textarea, select, [role="textbox"], [role="searchbox"], [role="combobox"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable="true"]'));
-          const activeEl = document.activeElement;
-          
-          return JSON.stringify(all.map((el, i) => {
-            const rect = el.getBoundingClientRect();
-            const isVisible = rect.width > 0 && rect.height > 0 && rect.top < window.innerHeight && rect.bottom > 0;
-            const tag = el.tagName.toLowerCase();
-            const type = (el.getAttribute('type') || (tag === 'textarea' ? 'textarea' : tag === 'select' ? 'select' : 'text')).toLowerCase();
-            const role = el.getAttribute('role') || '';
-            
-            let label = el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('title') || '';
-            if (!label && el.id) {
-              const lbl = document.querySelector('label[for="' + el.id + '"]');
-              if (lbl) label = lbl.innerText.trim();
-            }
-            if (!label && el.closest('label')) {
-              label = el.closest('label').innerText.trim();
-            }
-            if (!label) {
-              label = el.getAttribute('name') || '';
-            }
-            
-            var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
-            var isSecret = el.hasAttribute('data-wt-secret') ||
-              (el.tagName === 'INPUT' && (
-                type === 'password' ||
-                secretRegex.test(el.getAttribute('autocomplete') || '') ||
-                secretRegex.test(el.getAttribute('name') || '') ||
-                secretRegex.test(el.getAttribute('id') || '') ||
-                secretRegex.test(el.getAttribute('aria-label') || '')
-              ));
-
-            let val = '';
-            if (isSecret) {
-              val = '[REDACTED]';
-            } else if (type === 'checkbox' || type === 'radio' || role === 'checkbox' || role === 'radio' || role === 'switch') {
-              val = el.checked !== undefined ? String(el.checked) : (el.getAttribute('aria-checked') || 'false');
-            } else if (tag === 'select') {
-              val = el.options && el.selectedIndex >= 0 && el.options[el.selectedIndex] ? el.options[el.selectedIndex].text : (el.value || '');
-            } else if (el.isContentEditable) {
-              val = (el.textContent || '').trim().slice(0, 40);
-            } else {
-              val = el.value !== undefined ? String(el.value).slice(0, 40) : '';
-            }
-            
-            const wtId = el.getAttribute('data-wt-id');
-            const ref = wtId ? ('w:' + wtId) : (el.id ? ('#' + el.id) : (el.name ? ('[name="' + el.name + '"]') : ('input:' + i)));
-            const isFocused = el === activeEl || (activeEl && el.contains(activeEl));
-            
-            return {
-              ref,
-              tag,
-              type: role || type,
-              name: el.getAttribute('name') || undefined,
-              label: label.slice(0, 50) || undefined,
-              placeholder: el.getAttribute('placeholder') || undefined,
-              value: val,
-              focused: isFocused ? true : undefined,
-              disabled: (el.disabled || el.getAttribute('aria-disabled') === 'true') ? true : undefined,
-              visible: isVisible
-            };
-          }));
+                expression: `(function() {
+          const all = Array.from(document.querySelectorAll('input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="image"]), textarea, select, [role="textbox"], [role="searchbox"], [role="combobox"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable]:not([contenteditable="false"]), [data-slate-editor], [data-lexical-editor], .ProseMirror'));
+          const activeEl = document.activeElement;
+          
+          return JSON.stringify(all.map((el, i) => {
+            const rect = el.getBoundingClientRect();
+            const isVisible = rect.width > 0 && rect.height > 0 && rect.top < window.innerHeight && rect.bottom > 0;
+            const tag = el.tagName.toLowerCase();
+            const type = (el.getAttribute('type') || (tag === 'textarea' ? 'textarea' : tag === 'select' ? 'select' : 'text')).toLowerCase();
+            const role = el.getAttribute('role') || '';
+            
+            let label = el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('title') || '';
+            if (!label && el.id) {
+              const lbl = document.querySelector('label[for="' + el.id + '"]');
+              if (lbl) label = lbl.innerText.trim();
+            }
+            if (!label && el.closest('label')) {
+              label = el.closest('label').innerText.trim();
+            }
+            if (!label) {
+              label = el.getAttribute('name') || '';
+            }
+            
+            var isCheckable = type === 'checkbox' || type === 'radio' || role === 'checkbox' || role === 'radio' || role === 'switch';
+            var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
+            var isSecret = !isCheckable && (el.hasAttribute('data-wt-secret') ||
+              (el.tagName === 'INPUT' && (
+                type === 'password' ||
+                secretRegex.test(el.getAttribute('autocomplete') || '') ||
+                secretRegex.test(el.getAttribute('name') || '') ||
+                secretRegex.test(el.getAttribute('id') || '') ||
+                secretRegex.test(el.getAttribute('aria-label') || '')
+              )));
+
+            let val = '';
+            if (isCheckable) {
+              val = el.checked !== undefined ? String(el.checked) : (el.getAttribute('aria-checked') || 'false');
+            } else if (isSecret) {
+              val = '[REDACTED]';
+            } else if (tag === 'select') {
+              val = el.options && el.selectedIndex >= 0 && el.options[el.selectedIndex] ? el.options[el.selectedIndex].text : (el.value || '');
+            } else if (el.isContentEditable) {
+              val = (el.textContent || '').trim().slice(0, 40);
+            } else {
+              val = el.value !== undefined ? String(el.value).slice(0, 40) : '';
+            }
+            
+            const wtId = el.getAttribute('data-wt-id');
+            const ref = wtId ? ('w:' + wtId) : (el.id ? ('#' + el.id) : (el.name ? ('[name="' + el.name + '"]') : ('input:' + i)));
+            const isFocused = el === activeEl || (activeEl && el.contains(activeEl));
+            
+            return {
+              ref,
+              tag,
+              type: role || type,
+              name: el.getAttribute('name') || undefined,
+              label: label.slice(0, 50) || undefined,
+              placeholder: el.getAttribute('placeholder') || undefined,
+              value: val,
+              focused: isFocused ? true : undefined,
+              disabled: (el.disabled || el.getAttribute('aria-disabled') === 'true') ? true : undefined,
+              visible: isVisible
+            };
+          }));
         })()`,
                 returnByValue: true,
             });
@@ -506,7 +505,7 @@ export async function browserFill(session, options, config) {
             return {
                 success: true,
                 total_fields: inputsList.length,
-                succeeded: inputsList.length,
+                succeeded: 0,
                 failed: 0,
                 submitted: false,
                 inputs: inputsList,
@@ -564,100 +563,98 @@ export async function browserFill(session, options, config) {
     if (options.blast_mode) {
         // blast_mode: single CDP round-trip filling all fields at once.
         // Handles text, checkbox, radio, select, contenteditable, and ARIA variants.
-        const blastExpression = `(function(fields) {
-      var results = [];
-      var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
-      fields.forEach(function(f) {
-        var el = document.querySelector(f.selector);
-        if (!el) { results.push({ ref: f.ref, ok: false, msg: 'not found', type: 'unknown', isSecret: false }); return; }
-        var tag = el.tagName.toLowerCase();
-        var inputType = (el.getAttribute('type') || '').toLowerCase();
-        var role = (el.getAttribute('role') || '').toLowerCase();
-        var isSecret = el.hasAttribute('data-wt-secret') ||
-          (tag === 'input' && (
-            inputType === 'password' ||
-            secretRegex.test(el.getAttribute('autocomplete') || '') ||
-            secretRegex.test(el.getAttribute('name') || '') ||
-            secretRegex.test(el.getAttribute('id') || '') ||
-            secretRegex.test(el.getAttribute('aria-label') || '')
-          ));
-        if (isSecret) {
-          try { el.setAttribute('data-wt-secret', 'true'); } catch(_) {}
-        }
-        try {
-          if (tag === 'select') {
-            // Select element
-            var foundIdx = -1;
-            for (var j = 0; j < el.options.length; j++) {
-              var opt = el.options[j];
-              if (opt.value === f.value || opt.text === f.value || opt.text.trim() === f.value.trim()) { foundIdx = j; break; }
-            }
-            if (foundIdx === -1) { results.push({ ref: f.ref, ok: false, msg: 'Option not found: ' + f.value, type: 'select', isSecret: isSecret }); return; }
-            var nativeSS = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value')?.set;
-            if (nativeSS) nativeSS.call(el, el.options[foundIdx].value); else el.selectedIndex = foundIdx;
-            el.dispatchEvent(new Event('input', { bubbles: true }));
-            el.dispatchEvent(new Event('change', { bubbles: true }));
-            results.push({ ref: f.ref, ok: true, msg: 'selected:' + el.options[foundIdx].text, type: 'select', isSecret: isSecret });
-          } else if (tag === 'input' && inputType === 'checkbox') {
-            // Native checkbox
-            var want = f.value === 'true' || f.value === 'yes' || f.value === 'checked' || f.value === '1' || f.value === 'on';
-            if (el.checked !== want) {
-              var ns = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'checked')?.set;
-              if (ns) ns.call(el, want); else el.checked = want;
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-            results.push({ ref: f.ref, ok: true, msg: want ? 'checked' : 'unchecked', type: 'checkbox', isSecret: isSecret });
-          } else if (tag === 'input' && inputType === 'radio') {
-            // Native radio
-            if (!el.checked) {
-              var nsr = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'checked')?.set;
-              if (nsr) nsr.call(el, true); else el.checked = true;
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-            results.push({ ref: f.ref, ok: true, msg: 'selected', type: 'radio', isSecret: isSecret });
-          } else if (role === 'checkbox' || role === 'switch') {
-            // ARIA custom checkbox
-            var wantAria = f.value === 'true' || f.value === 'yes' || f.value === 'checked' || f.value === '1' || f.value === 'on';
-            var curAria = el.getAttribute('aria-checked') === 'true';
-            if (curAria !== wantAria) {
-              el.setAttribute('aria-checked', wantAria ? 'true' : 'false');
-              el.click();
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-            results.push({ ref: f.ref, ok: true, msg: wantAria ? 'checked' : 'unchecked', type: 'custom-checkbox', isSecret: isSecret });
-          } else if (role === 'radio') {
-            // ARIA custom radio
-            if (el.getAttribute('aria-checked') !== 'true') {
-              el.setAttribute('aria-checked', 'true');
-              el.click();
-              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-            }
-            results.push({ ref: f.ref, ok: true, msg: 'selected', type: 'custom-radio', isSecret: isSecret });
-          } else if (el.isContentEditable || el.getAttribute('contenteditable') === 'true' || el.getAttribute('contenteditable') === '') {
-            // contenteditable
-            el.focus();
-            el.textContent = f.value;
-            try { document.execCommand('selectAll', false, null); document.execCommand('insertText', false, f.value); } catch(e2) {}
-            el.dispatchEvent(new InputEvent('input', { bubbles: true, data: f.value, inputType: 'insertText' }));
-            el.dispatchEvent(new Event('change', { bubbles: true }));
-            results.push({ ref: f.ref, ok: true, msg: 'filled', type: 'contenteditable', isSecret: isSecret });
-          } else {
-            // text / textarea / other inputs
-            el.focus();
-            var proto2 = tag === 'textarea' ? window.HTMLTextAreaElement.prototype : window.HTMLInputElement.prototype;
-            var ns2 = Object.getOwnPropertyDescriptor(proto2, 'value')?.set;
-            if (ns2) ns2.call(el, f.value); else el.value = f.value;
-            el.dispatchEvent(new InputEvent('input', { bubbles: true, data: f.value, inputType: 'insertText' }));
-            el.dispatchEvent(new Event('change', { bubbles: true }));
-            results.push({ ref: f.ref, ok: true, msg: 'filled', type: tag, isSecret: isSecret });
-          }
-        } catch(e) { results.push({ ref: f.ref, ok: false, msg: e.message || String(e), type: tag, isSecret: isSecret }); }
-      });
-      return JSON.stringify(results);
+        const blastExpression = `(function(fields) {
+      var results = [];
+      var secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
+      fields.forEach(function(f) {
+        var el = document.querySelector(f.selector);
+        if (!el) { results.push({ ref: f.ref, ok: false, msg: 'not found', type: 'unknown', isSecret: false }); return; }
+        var tag = el.tagName.toLowerCase();
+        var inputType = (el.getAttribute('type') || '').toLowerCase();
+        var role = (el.getAttribute('role') || '').toLowerCase();
+        var isSecret = el.hasAttribute('data-wt-secret') ||
+          (tag === 'input' && (
+            inputType === 'password' ||
+            secretRegex.test(el.getAttribute('autocomplete') || '') ||
+            secretRegex.test(el.getAttribute('name') || '') ||
+            secretRegex.test(el.getAttribute('id') || '') ||
+            secretRegex.test(el.getAttribute('aria-label') || '')
+          ));
+        if (isSecret) {
+          try { el.setAttribute('data-wt-secret', 'true'); } catch(_) {}
+        }
+        try {
+          if (tag === 'select') {
+            // Select element
+            var foundIdx = -1;
+            for (var j = 0; j < el.options.length; j++) {
+              var opt = el.options[j];
+              if (opt.value === f.value || opt.text === f.value || opt.text.trim() === f.value.trim()) { foundIdx = j; break; }
+            }
+            if (foundIdx === -1) { results.push({ ref: f.ref, ok: false, msg: 'Option not found: ' + f.value, type: 'select', isSecret: isSecret }); return; }
+            var nativeSS = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value')?.set;
+            if (nativeSS) nativeSS.call(el, el.options[foundIdx].value); else el.selectedIndex = foundIdx;
+            el.dispatchEvent(new Event('input', { bubbles: true }));
+            el.dispatchEvent(new Event('change', { bubbles: true }));
+            results.push({ ref: f.ref, ok: true, msg: 'selected:' + el.options[foundIdx].text, type: 'select', isSecret: isSecret });
+          } else if (tag === 'input' && inputType === 'checkbox') {
+            // Native checkbox — a real click toggles once and fires click/input/change
+            // (dispatching a synthetic click after setting el.checked toggles it back).
+            var want = f.value === 'true' || f.value === 'yes' || f.value === 'checked' || f.value === '1' || f.value === 'on';
+            if (el.checked !== want) {
+              el.click();
+            }
+            results.push({ ref: f.ref, ok: true, msg: want ? 'checked' : 'unchecked', type: 'checkbox', isSecret: isSecret });
+          } else if (tag === 'input' && inputType === 'radio') {
+            // Native radio
+            if (!el.checked) {
+              var nsr = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'checked')?.set;
+              if (nsr) nsr.call(el, true); else el.checked = true;
+              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+            results.push({ ref: f.ref, ok: true, msg: 'selected', type: 'radio', isSecret: isSecret });
+          } else if (role === 'checkbox' || role === 'switch') {
+            // ARIA custom checkbox
+            var wantAria = f.value === 'true' || f.value === 'yes' || f.value === 'checked' || f.value === '1' || f.value === 'on';
+            var curAria = el.getAttribute('aria-checked') === 'true';
+            if (curAria !== wantAria) {
+              el.setAttribute('aria-checked', wantAria ? 'true' : 'false');
+              el.click();
+              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+            results.push({ ref: f.ref, ok: true, msg: wantAria ? 'checked' : 'unchecked', type: 'custom-checkbox', isSecret: isSecret });
+          } else if (role === 'radio') {
+            // ARIA custom radio
+            if (el.getAttribute('aria-checked') !== 'true') {
+              el.setAttribute('aria-checked', 'true');
+              el.click();
+              el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+            results.push({ ref: f.ref, ok: true, msg: 'selected', type: 'custom-radio', isSecret: isSecret });
+          } else if (el.isContentEditable || el.getAttribute('contenteditable') === 'true' || el.getAttribute('contenteditable') === '') {
+            // contenteditable
+            el.focus();
+            el.textContent = f.value;
+            try { document.execCommand('selectAll', false, null); document.execCommand('insertText', false, f.value); } catch(e2) {}
+            el.dispatchEvent(new InputEvent('input', { bubbles: true, data: f.value, inputType: 'insertText' }));
+            el.dispatchEvent(new Event('change', { bubbles: true }));
+            results.push({ ref: f.ref, ok: true, msg: 'filled', type: 'contenteditable', isSecret: isSecret });
+          } else {
+            // text / textarea / other inputs
+            el.focus();
+            var proto2 = tag === 'textarea' ? window.HTMLTextAreaElement.prototype : window.HTMLInputElement.prototype;
+            var ns2 = Object.getOwnPropertyDescriptor(proto2, 'value')?.set;
+            if (ns2) ns2.call(el, f.value); else el.value = f.value;
+            el.dispatchEvent(new InputEvent('input', { bubbles: true, data: f.value, inputType: 'insertText' }));
+            el.dispatchEvent(new Event('change', { bubbles: true }));
+            results.push({ ref: f.ref, ok: true, msg: 'filled', type: tag, isSecret: isSecret });
+          }
+        } catch(e) { results.push({ ref: f.ref, ok: false, msg: e.message || String(e), type: tag, isSecret: isSecret }); }
+      });
+      return JSON.stringify(results);
     })(${JSON.stringify(options.fields.map(f => ({ ref: f.ref || f.selector || f.name || f.label || 'field', selector: toSelector(f), value: f.value })))})`;
         const { result } = await session.Runtime.evaluate({ expression: blastExpression, returnByValue: true });
         const blastResults = JSON.parse(result?.value || '[]');
@@ -793,15 +790,15 @@ export async function browserFill(session, options, config) {
     if (options.submit && failed === 0) {
         const subSelector = toSelector(options.submit);
         const { result: subResult } = await session.Runtime.evaluate({
-            expression: `(function(sel) {
-        try {
-          var el = document.querySelector(sel);
-          if (!el) return 'not found';
-          el.focus();
-          el.click();
-          el.dispatchEvent(new Event('click', { bubbles: true }));
-          return 'clicked';
-        } catch(e) { return e.message; }
+            expression: `(function(sel) {
+        try {
+          var el = document.querySelector(sel);
+          if (!el) return 'not found';
+          el.focus();
+          el.click();
+          el.dispatchEvent(new Event('click', { bubbles: true }));
+          return 'clicked';
+        } catch(e) { return e.message; }
       })(${esc(subSelector)})`,
             returnByValue: true,
         });