chrome-devtools-mcp-for-extension 0.18.5 → 0.18.7

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

@@ -277,21 +277,74 @@ export const askGeminiWeb = defineTool({
                 const status = await page.evaluate(() => {
                     // Check for generating indicators
                     const buttons = Array.from(document.querySelectorAll('button'));
-                    const stopButton = buttons.find(b => b.textContent?.includes('回答を停止') ||
-                        b.textContent?.includes('Stop') ||
-                        b.getAttribute('aria-label')?.includes('Stop'));
+                    const stopButton = buttons.find(b => {
+                        // Text-based detection
+                        const text = b.textContent || '';
+                        const ariaLabel = b.getAttribute('aria-label') || '';
+                        if (text.includes('回答を停止') || text.includes('Stop') ||
+                            ariaLabel.includes('Stop') || ariaLabel.includes('停止') ||
+                            ariaLabel.includes('中止') || ariaLabel.includes('Cancel')) {
+                            return true;
+                        }
+                        // Icon-based detection (blue square stop button)
+                        // Check for mat-icon with stop icon
+                        const matIcon = b.querySelector('mat-icon');
+                        if (matIcon && (matIcon.textContent?.includes('stop') ||
+                            matIcon.getAttribute('data-mat-icon-name')?.includes('stop'))) {
+                            return true;
+                        }
+                        // Check for SVG stop icon (square shape) - common in Gemini UI
+                        const svg = b.querySelector('svg');
+                        if (svg) {
+                            // Stop icon typically has a rect element (square)
+                            const rect = svg.querySelector('rect');
+                            if (rect) {
+                                return true;
+                            }
+                        }
+                        // Check for button with blue background (Google's stop button style)
+                        const style = window.getComputedStyle(b);
+                        const bgColor = style.backgroundColor;
+                        if (bgColor.includes('rgb(66, 133, 244)') || // Google blue
+                            bgColor.includes('rgb(26, 115, 232)') || // Another Google blue
+                            bgColor.includes('rgb(138, 180, 248)')) { // Light blue
+                            // Only if button is visible and small (stop button is typically icon-only)
+                            const rect = b.getBoundingClientRect();
+                            if (rect.width > 0 && rect.width < 100) {
+                                return true;
+                            }
+                        }
+                        return false;
+                    });
                     // Check for "プロンプトを送信" button - this indicates response is complete
-                    const sendButton = buttons.find(b => b.textContent?.includes('プロンプトを送信') ||
-                        b.getAttribute('aria-label')?.includes('プロンプトを送信') ||
-                        b.getAttribute('aria-label')?.includes('Send message'));
-                    // Check for status text
+                    // Must be enabled (not disabled) to indicate completion
+                    const sendButton = buttons.find(b => {
+                        const hasLabel = b.textContent?.includes('プロンプトを送信') ||
+                            b.getAttribute('aria-label')?.includes('プロンプトを送信') ||
+                            b.getAttribute('aria-label')?.includes('Send message');
+                        return hasLabel && !b.disabled;
+                    });
+                    // Check for status text and thinking indicators
                     const bodyText = document.body.innerText;
                     const isTyping = bodyText.includes('Gemini が入力中です') ||
                         bodyText.includes('Gemini is typing');
-                    const isComplete = bodyText.includes('Gemini が回答しました') ||
+                    // Check for thinking/analyzing indicators (Gemini shows these during processing)
+                    const isThinking = bodyText.includes('Analyzing') ||
+                        bodyText.includes('分析中') ||
+                        bodyText.includes('Crafting') ||
+                        bodyText.includes('作成中') ||
+                        bodyText.includes('Thinking') ||
+                        bodyText.includes('思考中') ||
+                        bodyText.includes('Researching') ||
+                        bodyText.includes('調査中');
+                    // Check for loading spinners or progress indicators
+                    const hasSpinner = document.querySelector('[role="progressbar"]') !== null ||
+                        document.querySelector('.loading') !== null ||
+                        document.querySelector('[aria-busy="true"]') !== null;
+                    const isComplete = (bodyText.includes('Gemini が回答しました') ||
                         bodyText.includes('Gemini has responded') ||
-                        !!sendButton; // "プロンプトを送信" button indicates completion
-                    const isGenerating = !!stopButton || isTyping;
+                        !!sendButton) && !isThinking && !hasSpinner;
+                    const isGenerating = !!stopButton || isTyping || isThinking || hasSpinner;
                     // Get the response content from model-response elements
                     const modelResponses = Array.from(document.querySelectorAll('model-response'));
                     let responseContent = '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-devtools-mcp-for-extension",
-  "version": "0.18.5",
+  "version": "0.18.7",
   "description": "MCP server for Chrome extension development with Web Store automation. Fork of chrome-devtools-mcp with extension-specific tools.",
   "type": "module",
   "bin": "./scripts/cli.mjs",