auto-webmcp 0.3.21 → 0.3.22

package/dist/auto-webmcp.esm.js

@@ -1886,6 +1886,79 @@ function queryShadowAll(root, selector) {
   }
   return results;
 }
+async function fillLookupInput(el, value) {
+  const text = String(value ?? "").trim();
+  const input = el;
+  console.log("[auto-webmcp] fillLookupInput: typing value=", JSON.stringify(text));
+  setReactValue(input, text);
+  input.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, cancelable: true, key: text.slice(-1) || "" }));
+  input.dispatchEvent(new KeyboardEvent("keyup", { bubbles: true, cancelable: true, key: text.slice(-1) || "" }));
+  const ariaControlsId = el.getAttribute("aria-controls") ?? el.getAttribute("aria-owns");
+  const listbox = await new Promise((resolve) => {
+    const deadline = Date.now() + 3e3;
+    const poll = () => {
+      if (ariaControlsId) {
+        const byId = document.getElementById(ariaControlsId);
+        if (byId) {
+          resolve(byId);
+          return;
+        }
+        const inShadow = queryShadowAll(document.body, `#${CSS.escape(ariaControlsId)}`)[0] ?? null;
+        if (inShadow) {
+          resolve(inShadow);
+          return;
+        }
+      }
+      const lightCandidate = document.querySelector('[role="listbox"]') ?? document.querySelector('[role="option"]')?.closest('[role="listbox"]') ?? null;
+      if (lightCandidate) {
+        resolve(lightCandidate);
+        return;
+      }
+      const shadowCandidate = queryShadowAll(document.body, '[role="listbox"]')[0] ?? null;
+      if (shadowCandidate) {
+        resolve(shadowCandidate);
+        return;
+      }
+      if (Date.now() >= deadline) {
+        resolve(null);
+        return;
+      }
+      setTimeout(poll, 50);
+    };
+    poll();
+  });
+  if (!listbox) {
+    console.warn("[auto-webmcp] fillLookupInput: listbox did not appear after 3s, leaving text as-is");
+    return;
+  }
+  const lightOptions = Array.from(listbox.querySelectorAll('[role="option"]'));
+  const shadowOptions = queryShadowAll(listbox, '[role="option"]');
+  const options = lightOptions.length > 0 ? lightOptions : shadowOptions;
+  console.log("[auto-webmcp] fillLookupInput: listbox has", options.length, "option(s)");
+  const lowerValue = text.toLowerCase();
+  const match = options.find((opt) => {
+    const dataValue = (opt.getAttribute("data-value") ?? "").toLowerCase();
+    const ariaLabel = (opt.getAttribute("aria-label") ?? "").toLowerCase();
+    const optText = (opt.textContent ?? "").trim().toLowerCase();
+    return dataValue === lowerValue || ariaLabel === lowerValue || optText === lowerValue;
+  }) ?? options.find((opt) => {
+    const optText = (opt.textContent ?? "").trim().toLowerCase();
+    return optText.startsWith(lowerValue) || optText.includes(lowerValue);
+  });
+  if (match) {
+    console.log("[auto-webmcp] fillLookupInput: selecting option", match.textContent?.trim());
+    match.dispatchEvent(new PointerEvent("pointerdown", { bubbles: true, cancelable: true }));
+    match.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true }));
+    match.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
+  } else {
+    console.warn(
+      "[auto-webmcp] fillLookupInput: no option matched",
+      JSON.stringify(text),
+      "available:",
+      options.map((o) => o.getAttribute("data-value") ?? o.textContent?.trim())
+    );
+  }
+}
 async function fillComboboxButton(el, value) {
   const text = String(value ?? "").trim();
   console.log("[auto-webmcp] fillComboboxButton: clicking button, value=", JSON.stringify(text));
@@ -2425,7 +2498,9 @@ async function scanOrphanInputs(config) {
       for (const { key, el } of inputPairs) {
         if (params[key] !== void 0) {
           console.log(`[auto-webmcp] orphan execute: filling key="${key}" value=`, params[key], "element=", el);
-          if (el.getAttribute("role") === "combobox" && el.tagName.toLowerCase() === "button") {
+          if (el.getAttribute("role") === "combobox" && el.tagName.toLowerCase() === "input" && (el.getAttribute("aria-autocomplete") === "list" || el.getAttribute("aria-haspopup") === "listbox")) {
+            await fillLookupInput(el, params[key]);
+          } else if (el.getAttribute("role") === "combobox" && el.tagName.toLowerCase() === "button") {
             await fillComboboxButton(el, params[key]);
           } else {
             fillElement(el, params[key]);