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

package/build/src/tools/deep_research_chatgpt.js

@@ -128,38 +128,96 @@ 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) {
+        // 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 };
+        }
+        // Step 2: Try data-testid selectors FIRST (most reliable)
+        const dataTestIdSelectors = [
+            '[data-testid*="deep-research"]',
+            '[data-testid*="deepresearch"]',
+            '[data-testid*="research-mode"]',
+        ];
+        for (const selector of dataTestIdSelectors) {
+            const element = scopedRoot.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(scopedRoot.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)
+        // Use cached result if available and fresh
+        const now = Date.now();
+        if (cache.element && now - cache.timestamp < CACHE_TTL) {
             return {
                 isEnabled: true,
-                indicator: deepResearchIndicator.textContent?.substring(0, 50) ||
-                    'DeepResearch',
+                indicator: 'cached indicator',
             };
         }
-        // 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,
-        };
+        // Search within scoped root only, not entire document
+        const textElements = Array.from(scopedRoot.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),
+                };
+            }
+        }
+        return { isEnabled: false };
     });
 }
 /**

package/package.json

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