chrome-devtools-mcp-for-extension 0.9.34 → 0.9.36

package/build/src/tools/deep_research_chatgpt.js

@@ -219,7 +219,7 @@ async function enableDeepResearchMode(page, response) {
     try {
         response.appendResponseLine('DeepResearchモードを有効化中...');
         // Step 1: Click "+" button (ファイルの追加など)
-        const plusClicked = await page.evaluate(() => {
+        const plusButtonSelector = await page.evaluate(() => {
             const buttons = Array.from(document.querySelectorAll('button'));
             const plusButton = buttons.find((btn) => {
                 const aria = btn.getAttribute('aria-label') || '';
@@ -227,32 +227,45 @@ async function enableDeepResearchMode(page, response) {
             });
             if (!plusButton)
                 return { success: false, error: '+ボタン（ファイルの追加など）が見つかりません' };
-            plusButton.click();
-            return { success: true };
+            // Return selector info instead of clicking
+            const ariaLabel = plusButton.getAttribute('aria-label');
+            return { success: true, ariaLabel };
         });
-        if (!plusClicked.success) {
-            return { success: false, error: plusClicked.error };
+        if (!plusButtonSelector.success) {
+            return { success: false, error: plusButtonSelector.error };
         }
+        // Use Puppeteer's click for reliable interaction
+        await page.click(`button[aria-label="${plusButtonSelector.ariaLabel}"]`);
         response.appendResponseLine('✅ +ボタン（ファイルの追加など）をクリック');
-        // Wait for menu to appear (deep combinator for shadow DOM)
-        await page.waitForSelector(':scope >>> [role="menuitemradio"]', { visible: true, timeout: 5000 });
+        // Wait for menu to appear
+        await page.waitForSelector('[role="menuitemradio"]', { visible: true, timeout: 5000 });
         await new Promise((resolve) => setTimeout(resolve, 500));
-        // Step 2: Click "Deep Research" menuitemradio (deep combinator for shadow DOM)
-        const menuItems = await page.$$eval(':scope >>> [role="menuitemradio"]', (els) => els.map((el) => ({
-            text: el.innerText.trim(),
-            index: els.indexOf(el),
-        })));
-        const deepResearchIndex = menuItems.findIndex((item) => item.text.includes('Deep Research') || item.text.includes('リサーチ'));
-        if (deepResearchIndex === -1) {
-            return {
-                success: false,
-                error: `DeepResearch menuitemradio が見つかりません (found: ${menuItems.length} items: ${menuItems.map((m) => m.text).join(', ')})`,
-            };
+        // Step 2: Find and click "Deep Research" menuitemradio
+        const deepResearchResult = await page.evaluate(() => {
+            const menuItems = Array.from(document.querySelectorAll('[role="menuitemradio"]'));
+            const deepResearchItem = menuItems.find((item) => item.textContent?.includes('Deep Research') || item.textContent?.includes('リサーチ'));
+            if (!deepResearchItem) {
+                return {
+                    success: false,
+                    error: `DeepResearch menuitemradio が見つかりません (found: ${menuItems.length} items: ${menuItems.map(m => m.textContent?.trim()).join(', ')})`,
+                };
+            }
+            // Check if already checked
+            const isChecked = deepResearchItem.getAttribute('aria-checked') === 'true';
+            if (!isChecked) {
+                deepResearchItem.click();
+            }
+            return { success: true, alreadyEnabled: isChecked };
+        });
+        if (!deepResearchResult.success) {
+            return { success: false, error: deepResearchResult.error };
+        }
+        if (deepResearchResult.alreadyEnabled) {
+            response.appendResponseLine('✅ DeepResearch は既に有効です');
+        }
+        else {
+            response.appendResponseLine('✅ DeepResearch menuitemradio をクリック');
         }
-        // Click the found menuitemradio
-        const menuItemElements = await page.$$(':scope >>> [role="menuitemradio"]');
-        await menuItemElements[deepResearchIndex].click();
-        response.appendResponseLine('✅ DeepResearch menuitemradio をクリック');
         await new Promise((resolve) => setTimeout(resolve, 1000));
         // Step 3: Verify mode was actually enabled (composer-pill detection)
         const verification = await detectDeepResearchMode(page);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.9.34",
+  "version": "0.9.36",
   "description": "MCP server for Chrome extension development with Web Store automation. Fork of chrome-devtools-mcp with extension-specific tools.",
   "type": "module",
   "bin": "./build/src/index.js",