chrome-devtools-mcp-for-extension 0.9.24 → 0.9.26

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

@@ -129,33 +129,37 @@ function isCodeRelatedQuestion(question) {
 async function detectDeepResearchMode(page) {
     return await page.evaluate(() => {
         // Multi-language patterns for DeepResearch
-        const DEEP_RESEARCH_PATTERN = /deep\s*research|ディープ\s*リサーチ|深度研究|深入研究/i;
-        // Cache for performance (simple object-based cache instead of WeakRef for browser compatibility)
-        const cache = { timestamp: 0 };
-        const CACHE_TTL = 2000; // 2 seconds
-        // Step 1: Find scoped root element first
-        const findScopedRoot = () => {
-            // Try conversation root selectors
-            const candidates = [
-                document.querySelector('[data-testid="conversation-turns"]'),
-                document.querySelector('[role="main"]'),
-                document.querySelector('main'),
-                document.querySelector('[data-testid="conversation-root"]'),
-            ];
-            return candidates.find((el) => el !== null) || document.body;
-        };
-        const scopedRoot = findScopedRoot();
-        if (!scopedRoot) {
-            return { isEnabled: false };
+        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}"`,
+                    };
+                }
+            }
         }
-        // Step 2: Try data-testid selectors FIRST (most reliable)
+        // 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 = scopedRoot.querySelector(selector);
+            const element = document.querySelector(selector);
             if (element) {
                 return {
                     isEnabled: true,
@@ -170,7 +174,7 @@ async function detectDeepResearchMode(page) {
             '[aria-checked="true"][role="menuitemradio"]',
         ];
         for (const selector of ariaSelectors) {
-            const elements = Array.from(scopedRoot.querySelectorAll(selector));
+            const elements = Array.from(document.querySelectorAll(selector));
             for (const element of elements) {
                 const ariaLabel = element.getAttribute('aria-label') || '';
                 const role = element.getAttribute('role') || '';
@@ -195,25 +199,13 @@ async function detectDeepResearchMode(page) {
             }
         }
         // Step 4: Text matching as LAST resort (least reliable)
-        // Use cached result if available and fresh
-        const now = Date.now();
-        if (cache.element && now - cache.timestamp < CACHE_TTL) {
-            return {
-                isEnabled: true,
-                indicator: 'cached indicator',
-            };
-        }
-        // Search within scoped root only, not entire document
-        const textElements = Array.from(scopedRoot.querySelectorAll('div, span, button'));
+        const textElements = Array.from(document.querySelectorAll('div, span, button'));
         for (const element of textElements) {
             const text = element.textContent || '';
             if (DEEP_RESEARCH_PATTERN.test(text)) {
-                // Update cache
-                cache.element = element;
-                cache.timestamp = now;
                 return {
                     isEnabled: true,
-                    indicator: text.substring(0, 50),
+                    indicator: `text match: ${text.substring(0, 50).trim()}`,
                 };
             }
         }
@@ -226,32 +218,31 @@ async function detectDeepResearchMode(page) {
 async function enableDeepResearchMode(page, response) {
     try {
         response.appendResponseLine('DeepResearchモードを有効化中...');
-        // Step 1: Click "+" button
+        // Step 1: Click "+" button (ファイルの追加など)
         const plusClicked = await page.evaluate(() => {
             const buttons = Array.from(document.querySelectorAll('button'));
             const plusButton = buttons.find((btn) => {
                 const aria = btn.getAttribute('aria-label') || '';
-                const desc = btn.getAttribute('description') || '';
-                return aria.includes('ファイルの追加') || desc.includes('ファイルの追加');
+                return aria.includes('ファイルの追加');
             });
             if (!plusButton)
-                return { success: false, error: '+ボタンが見つかりません' };
+                return { success: false, error: '+ボタン（ファイルの追加など）が見つかりません' };
             plusButton.click();
             return { success: true };
         });
         if (!plusClicked.success) {
             return { success: false, error: plusClicked.error };
         }
-        await new Promise((resolve) => setTimeout(resolve, 800));
-        // Step 2: Select DeepResearch option
+        await new Promise((resolve) => setTimeout(resolve, 500));
+        // Step 2: Click "Deep Research" menuitemradio
         const deepResearchSelected = await page.evaluate(() => {
             const menuItems = Array.from(document.querySelectorAll('[role="menuitemradio"]'));
             const deepResearchItem = menuItems.find((item) => item.textContent?.includes('Deep Research') ||
-                item.textContent?.includes('ディープリサーチ'));
+                item.textContent?.includes('リサーチ'));
             if (!deepResearchItem) {
                 return {
                     success: false,
-                    error: 'DeepResearchオプションが見つかりません',
+                    error: 'DeepResearch menuitemradio が見つかりません',
                 };
             }
             deepResearchItem.click();
@@ -260,8 +251,17 @@ async function enableDeepResearchMode(page, response) {
         if (!deepResearchSelected.success) {
             return { success: false, error: deepResearchSelected.error };
         }
-        response.appendResponseLine('✅ DeepResearchモード有効化');
-        await new Promise((resolve) => setTimeout(resolve, 500));
+        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);
+        if (!verification.isEnabled) {
+            return {
+                success: false,
+                error: 'DeepResearchモードの有効化に失敗しました（リサーチpillが検出されませんでした）',
+            };
+        }
+        response.appendResponseLine(`✅ モード確認完了: DeepResearch有効 (${verification.indicator})`);
         return { success: true };
     }
     catch (error) {
@@ -323,6 +323,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.24",
+  "version": "0.9.26",
   "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",