chrome-devtools-mcp-for-extension 0.9.23 → 0.9.25

package/build/src/tools/chatgpt-web.js

@@ -222,14 +222,62 @@ export const askChatGPTWeb = defineTool({
                     });
                     if (deepResearchEnabled) {
                         response.appendResponseLine('✅ DeepResearchモード有効化完了');
-                        await new Promise((resolve) => setTimeout(resolve, 500));
+                        await new Promise((resolve) => setTimeout(resolve, 1000));
+                        // Verify mode was actually enabled (check for composer-pill button)
+                        const verified = await page.evaluate(() => {
+                            const DEEP_RESEARCH_PATTERN = /リサーチ|deep\s*research|ディープ\s*リサーチ|深度研究|深入研究/i;
+                            const promptTextarea = document.querySelector('#prompt-textarea');
+                            if (promptTextarea) {
+                                const form = promptTextarea.closest('form');
+                                if (form) {
+                                    const pillButton = Array.from(form.querySelectorAll('button')).find((btn) => {
+                                        const text = btn.textContent?.trim() || '';
+                                        const ariaLabel = btn.getAttribute('aria-label') || '';
+                                        return (btn.className.includes('composer-pill') &&
+                                            DEEP_RESEARCH_PATTERN.test(text + ' ' + ariaLabel));
+                                    });
+                                    return !!pillButton;
+                                }
+                            }
+                            return false;
+                        });
+                        if (verified) {
+                            response.appendResponseLine('✅ モード確認完了: DeepResearch有効（composer-pill検出）');
+                        }
+                        else {
+                            response.appendResponseLine('⚠️ DeepResearchモードの確認に失敗しました');
+                        }
                     }
                     else {
                         response.appendResponseLine('⚠️ DeepResearchオプションが見つかりませんでした');
                     }
                 }
             }
-            // Step 4: Send question
+            // Step 4: Send question (with final mode verification)
+            if (useDeepResearch) {
+                const finalCheck = await page.evaluate(() => {
+                    const DEEP_RESEARCH_PATTERN = /リサーチ|deep\s*research|ディープ\s*リサーチ|深度研究|深入研究/i;
+                    const promptTextarea = document.querySelector('#prompt-textarea');
+                    if (promptTextarea) {
+                        const form = promptTextarea.closest('form');
+                        if (form) {
+                            const pillButton = Array.from(form.querySelectorAll('button')).find((btn) => {
+                                const text = btn.textContent?.trim() || '';
+                                const ariaLabel = btn.getAttribute('aria-label') || '';
+                                return (btn.className.includes('composer-pill') &&
+                                    DEEP_RESEARCH_PATTERN.test(text + ' ' + ariaLabel));
+                            });
+                            return !!pillButton;
+                        }
+                    }
+                    return false;
+                });
+                if (!finalCheck) {
+                    response.appendResponseLine('❌ エラー: DeepResearchモードが無効です（composer-pill未検出）。送信を中止します。');
+                    return;
+                }
+                response.appendResponseLine('✅ 送信前確認: DeepResearchモード有効（composer-pill検出）');
+            }
             response.appendResponseLine('質問を送信中...');
             const questionSent = await page.evaluate((questionText) => {
                 const prosemirror = document.querySelector('.ProseMirror[contenteditable="true"]');

package/build/src/tools/deep_research_chatgpt.js

@@ -128,38 +128,88 @@ function isCodeRelatedQuestion(question) {
  */
 async function detectDeepResearchMode(page) {
     return await page.evaluate(() => {
-        // Check for DeepResearch indicator in the UI
-        const allElements = Array.from(document.querySelectorAll('div, span, button'));
-        // Look for DeepResearch badge/text near input area
-        const deepResearchIndicator = allElements.find((el) => {
-            const text = el.textContent || '';
-            const ariaLabel = el.getAttribute('aria-label') || '';
-            return (text.includes('Deep Research') ||
-                text.includes('ディープリサーチ') ||
-                ariaLabel.includes('Deep Research') ||
-                ariaLabel.includes('ディープリサーチ'));
-        });
-        if (deepResearchIndicator) {
-            return {
-                isEnabled: true,
-                indicator: deepResearchIndicator.textContent?.substring(0, 50) ||
-                    'DeepResearch',
-            };
+        // Multi-language patterns for DeepResearch
+        const DEEP_RESEARCH_PATTERN = /リサーチ|deep\s*research|ディープ\s*リサーチ|深度研究|深入研究/i;
+        // Step 1: Check for the "リサーチ" pill button near prompt (MOST RELIABLE)
+        // When DeepResearch is ON, a pill button appears in the composer form
+        const promptTextarea = document.querySelector('#prompt-textarea');
+        if (promptTextarea) {
+            const form = promptTextarea.closest('form');
+            if (form) {
+                const pillButton = Array.from(form.querySelectorAll('button')).find((btn) => {
+                    const text = btn.textContent?.trim() || '';
+                    const ariaLabel = btn.getAttribute('aria-label') || '';
+                    // Check for pill button with research text
+                    return (btn.className.includes('composer-pill') &&
+                        DEEP_RESEARCH_PATTERN.test(text + ' ' + ariaLabel));
+                });
+                if (pillButton) {
+                    const text = pillButton.textContent?.trim() || '';
+                    return {
+                        isEnabled: true,
+                        indicator: `composer-pill: "${text}"`,
+                    };
+                }
+            }
         }
-        // Check for the "+" button state (if DeepResearch is selected)
-        const menuItems = Array.from(document.querySelectorAll('[role="menuitemradio"]'));
-        const deepResearchSelected = menuItems.some((item) => {
-            const text = item.textContent || '';
-            const isChecked = item.getAttribute('aria-checked') === 'true';
-            return (isChecked &&
-                (text.includes('Deep Research') || text.includes('ディープリサーチ')));
-        });
-        return {
-            isEnabled: deepResearchSelected,
-            indicator: deepResearchSelected
-                ? 'DeepResearch (selected in menu)'
-                : undefined,
-        };
+        // Step 2: Try data-testid selectors
+        const dataTestIdSelectors = [
+            '[data-testid*="deep-research"]',
+            '[data-testid*="deepresearch"]',
+            '[data-testid*="research-mode"]',
+        ];
+        for (const selector of dataTestIdSelectors) {
+            const element = document.querySelector(selector);
+            if (element) {
+                return {
+                    isEnabled: true,
+                    indicator: `data-testid: ${element.getAttribute('data-testid')}`,
+                };
+            }
+        }
+        // Step 3: Try aria-* attributes SECOND
+        const ariaSelectors = [
+            '[aria-label*="Deep Research" i]',
+            '[aria-label*="ディープリサーチ" i]',
+            '[aria-checked="true"][role="menuitemradio"]',
+        ];
+        for (const selector of ariaSelectors) {
+            const elements = Array.from(document.querySelectorAll(selector));
+            for (const element of elements) {
+                const ariaLabel = element.getAttribute('aria-label') || '';
+                const role = element.getAttribute('role') || '';
+                // Check aria-label with pattern
+                if (DEEP_RESEARCH_PATTERN.test(ariaLabel)) {
+                    return {
+                        isEnabled: true,
+                        indicator: `aria-label: ${ariaLabel.substring(0, 50)}`,
+                    };
+                }
+                // Check menuitemradio with aria-checked
+                if (role === 'menuitemradio') {
+                    const isChecked = element.getAttribute('aria-checked') === 'true';
+                    const text = element.textContent || '';
+                    if (isChecked && DEEP_RESEARCH_PATTERN.test(text)) {
+                        return {
+                            isEnabled: true,
+                            indicator: 'menuitemradio (checked)',
+                        };
+                    }
+                }
+            }
+        }
+        // Step 4: Text matching as LAST resort (least reliable)
+        const textElements = Array.from(document.querySelectorAll('div, span, button'));
+        for (const element of textElements) {
+            const text = element.textContent || '';
+            if (DEEP_RESEARCH_PATTERN.test(text)) {
+                return {
+                    isEnabled: true,
+                    indicator: `text match: ${text.substring(0, 50).trim()}`,
+                };
+            }
+        }
+        return { isEnabled: false };
     });
 }
 /**
@@ -203,7 +253,16 @@ async function enableDeepResearchMode(page, response) {
             return { success: false, error: deepResearchSelected.error };
         }
         response.appendResponseLine('✅ DeepResearchモード有効化');
-        await new Promise((resolve) => setTimeout(resolve, 500));
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        // Verify mode was actually enabled
+        const verification = await detectDeepResearchMode(page);
+        if (!verification.isEnabled) {
+            return {
+                success: false,
+                error: 'DeepResearchモードの有効化に失敗しました（確認できませんでした）',
+            };
+        }
+        response.appendResponseLine(`✅ モード確認完了: DeepResearch有効 (${verification.indicator})`);
         return { success: true };
     }
     catch (error) {
@@ -265,6 +324,15 @@ async function configureSources(page, response, enableGitHub) {
  * Send question text and click send button
  */
 async function sendQuestion(page, response, question) {
+    // Final verification before sending
+    const finalCheck = await detectDeepResearchMode(page);
+    if (!finalCheck.isEnabled) {
+        return {
+            success: false,
+            error: 'DeepResearchモードが無効です。送信前の最終確認に失敗しました。',
+        };
+    }
+    response.appendResponseLine(`✅ 送信前確認: DeepResearchモード有効 (${finalCheck.indicator})`);
     response.appendResponseLine('リサーチテーマを送信中...');
     const questionSent = await page.evaluate((questionText) => {
         const prosemirror = document.querySelector('.ProseMirror[contenteditable="true"]');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.9.23",
+  "version": "0.9.25",
   "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",