@cutleryapp/agent 1.0.36 → 1.0.37

package/dist/mcp-executor.js

@@ -765,9 +765,7 @@ async function tryAIClick(page, selector) {
 }
 /** Select an option from a React-select / autocomplete / combobox / dropdown */
 async function tryAutocomplete(page, fieldLabel, value) {
-    const esc = (s) => s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-    const labelRe = new RegExp(esc(fieldLabel), 'i');
-    // Click an option from whatever dropdown is currently open on the page
+    // Click the matching option in whatever dropdown is currently open — returns true only on success
     async function clickOpenOption() {
         const optionSelectors = [
             `[role="option"]:has-text("${value}")`,
@@ -789,38 +787,57 @@ async function tryAutocomplete(page, fieldLabel, value) {
         }
         return false;
     }
-    // Strategy 1: React-select — click the control div, type into its hidden input
-    const reactControlSelectors = [
-        `[class*="react-select__control"]`,
-        `[class*="select__control"]`,
-        `[class*="Select__control"]`,
-    ];
-    for (const ctrlSel of reactControlSelectors) {
-        try {
-            // Find a React-select control near the label text
-            // Find label element, then look for the control near it via DOM traversal
-            const labelEl = page.getByText(labelRe, { exact: false }).first();
-            if (!await labelEl.isVisible({ timeout: 500 }).catch(() => false))
-                continue;
-            // Try sibling/parent-scoped control
-            const ctrl = page.locator(ctrlSel);
-            if (await ctrl.count() === 0)
-                continue;
-            await ctrl.first().click({ timeout: 2000 });
-            // The hidden input inside the control is now active
-            const innerInput = page.locator(`[class*="react-select__input"] input, [class*="select__input"] input`).first();
-            await innerInput.type(value, { delay: 60 });
-            await page.waitForTimeout(500);
+    // Strategy 1: React-select — find the control that BELONGS to this label via DOM traversal
+    // so we don't accidentally open the wrong dropdown on a page with multiple selects
+    try {
+        const opened = await page.evaluate((lbl) => {
+            const allEls = Array.from(document.querySelectorAll('label, legend, [class*="label"]'));
+            const labelEl = allEls.find(el => (el.textContent || '').trim().toLowerCase().includes(lbl.toLowerCase()));
+            if (!labelEl)
+                return false;
+            // Walk up ancestors looking for a container that holds a react-select control
+            let ancestor = labelEl.parentElement;
+            for (let i = 0; i < 6 && ancestor; i++) {
+                const ctrl = ancestor.querySelector('[class*="react-select__control"],[class*="select__control"],[class*="Select__control"]');
+                if (ctrl) {
+                    ctrl.click();
+                    return true;
+                }
+                ancestor = ancestor.parentElement;
+            }
+            // Try label[for] → wrapper containing a react-select
+            if (labelEl.tagName === 'LABEL') {
+                const forId = labelEl.htmlFor;
+                const wrapper = forId ? document.getElementById(forId) : null;
+                const ctrl = wrapper?.querySelector('[class*="control"]');
+                if (ctrl) {
+                    ctrl.click();
+                    return true;
+                }
+            }
+            return false;
+        }, fieldLabel);
+        if (opened) {
+            await page.waitForTimeout(300);
+            // Type into the now-visible input inside the react-select
+            const innerInput = page.locator('[class*="react-select__input"] input,[class*="select__input"] input').first();
+            try {
+                await innerInput.waitFor({ state: 'visible', timeout: 800 });
+                await innerInput.type(value, { delay: 60 });
+            }
+            catch {
+                await page.keyboard.type(value, { delay: 60 });
+            }
+            await page.waitForTimeout(600);
             if (await clickOpenOption())
                 return true;
-            // If specific option not found, press Enter
-            await page.keyboard.press('Enter');
-            await page.waitForTimeout(200);
-            return true;
+            // No confirmed click → don't claim success, fall through to next strategy
         }
-        catch { /* try next */ }
     }
-    // Strategy 2: combobox / input by label or placeholder — type and pick option
+    catch { /* DOM eval failed, try next */ }
+    // Strategy 2: combobox / text input by label or placeholder — type + pick option
+    const esc = (s) => s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    const labelRe = new RegExp(esc(fieldLabel), 'i');
     const inputLocators = [
         page.getByRole('combobox', { name: labelRe }),
         page.getByLabel(labelRe),
@@ -829,8 +846,8 @@ async function tryAutocomplete(page, fieldLabel, value) {
     for (const loc of inputLocators) {
         try {
             const input = loc.first();
+            // Skip wrapper divs — getByLabel can return the React-select container div
             const tag = await input.evaluate((el) => el.tagName.toLowerCase()).catch(() => '');
-            // Skip non-input elements (e.g. wrapper divs returned by getByLabel for React-select)
             if (tag && !['input', 'textarea'].includes(tag))
                 continue;
             await input.waitFor({ state: 'visible', timeout: 1500 });
@@ -840,9 +857,7 @@ async function tryAutocomplete(page, fieldLabel, value) {
             await page.waitForTimeout(500);
             if (await clickOpenOption())
                 return true;
-            await page.keyboard.press('Enter');
-            await page.waitForTimeout(200);
-            return true;
+            // Only count success when the option was actually clicked
         }
         catch { /* try next */ }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cutleryapp/agent",
-    "version": "1.0.36",
+    "version": "1.0.37",
     "description": "Local agent that connects your machine to the Cutlery QA platform and runs UI tests via Playwright",
     "main": "dist/cli.js",
     "bin": {