@dynamicu/chromedebug-mcp 2.7.0 → 2.7.1

package/chrome-extension/performance-monitor.js

@@ -48,13 +48,13 @@ class PerformanceMonitor {
     this.callbacks = { ...this.callbacks, ...callbacks };
     
     // Just prepare for monitoring, don't start yet (lazy loading)
-    console.log('[PerformanceMonitor] Initialized (lazy mode - not started)');
+    // console.log('[PerformanceMonitor] Initialized (lazy mode - not started)');
     return true;
   }
 
   startMonitoring() {
     if (this.isMonitoring) {
-      console.log('[PerformanceMonitor] Already monitoring');
+      // console.log('[PerformanceMonitor] Already monitoring');
       return;
     }
     
@@ -67,7 +67,7 @@ class PerformanceMonitor {
     // Start resource monitoring
     if (performance && performance.memory) {
       this.startResourceMonitoring();
-      console.log('[PerformanceMonitor] Started with full performance tracking');
+      // console.log('[PerformanceMonitor] Started with full performance tracking');
     } else {
       console.warn('[PerformanceMonitor] Performance API not available, using basic monitoring');
       this.startBasicMonitoring();
@@ -77,13 +77,13 @@ class PerformanceMonitor {
   startWebVitalsCollection() {
     // Check if web-vitals library is available
     if (typeof webVitals !== 'undefined') {
-      console.log('[PerformanceMonitor] Using web-vitals library');
+      // console.log('[PerformanceMonitor] Using web-vitals library');
       
       // Track LCP
       if (webVitals.onLCP) {
         const unsubscribeLCP = webVitals.onLCP((metric) => {
           this.stats.lcp = metric.value;
-          console.log('[Web Vitals] LCP:', metric.value);
+          // console.log('[Web Vitals] LCP:', metric.value);
           this.checkWebVitalsThresholds('lcp', metric.value);
         });
         this.webVitalsUnsubscribers.push(unsubscribeLCP);
@@ -93,7 +93,7 @@ class PerformanceMonitor {
       if (webVitals.onCLS) {
         const unsubscribeCLS = webVitals.onCLS((metric) => {
           this.stats.cls = metric.value;
-          console.log('[Web Vitals] CLS:', metric.value);
+          // console.log('[Web Vitals] CLS:', metric.value);
           this.checkWebVitalsThresholds('cls', metric.value);
         });
         this.webVitalsUnsubscribers.push(unsubscribeCLS);
@@ -103,7 +103,7 @@ class PerformanceMonitor {
       if (webVitals.onFID) {
         const unsubscribeFID = webVitals.onFID((metric) => {
           this.stats.fid = metric.value;
-          console.log('[Web Vitals] FID:', metric.value);
+          // console.log('[Web Vitals] FID:', metric.value);
         });
         this.webVitalsUnsubscribers.push(unsubscribeFID);
       }
@@ -112,7 +112,7 @@ class PerformanceMonitor {
       if (webVitals.onINP) {
         const unsubscribeINP = webVitals.onINP((metric) => {
           this.stats.inp = metric.value;
-          console.log('[Web Vitals] INP:', metric.value);
+          // console.log('[Web Vitals] INP:', metric.value);
           this.checkWebVitalsThresholds('inp', metric.value);
         });
         this.webVitalsUnsubscribers.push(unsubscribeINP);
@@ -122,12 +122,12 @@ class PerformanceMonitor {
       if (webVitals.onTTFB) {
         const unsubscribeTTFB = webVitals.onTTFB((metric) => {
           this.stats.ttfb = metric.value;
-          console.log('[Web Vitals] TTFB:', metric.value);
+          // console.log('[Web Vitals] TTFB:', metric.value);
         });
         this.webVitalsUnsubscribers.push(unsubscribeTTFB);
       }
     } else {
-      console.log('[PerformanceMonitor] web-vitals not available, using fallback PerformanceObserver');
+      // console.log('[PerformanceMonitor] web-vitals not available, using fallback PerformanceObserver');
       this.startPerformanceObserverFallback();
     }
   }
@@ -145,7 +145,7 @@ class PerformanceMonitor {
         for (const entry of list.getEntries()) {
           if (entry.entryType === 'largest-contentful-paint') {
             this.stats.lcp = entry.startTime;
-            console.log('[Fallback] LCP:', entry.startTime);
+            // console.log('[Fallback] LCP:', entry.startTime);
           }
         }
       });
@@ -482,12 +482,12 @@ class PerformanceMonitor {
 
   setThresholds(newThresholds) {
     this.thresholds = { ...this.thresholds, ...newThresholds };
-    console.log('[PerformanceMonitor] Updated thresholds:', this.thresholds);
+    // console.log('[PerformanceMonitor] Updated thresholds:', this.thresholds);
   }
 
   stopMonitoring() {
     if (!this.isMonitoring) {
-      console.log('[PerformanceMonitor] Not currently monitoring');
+      // console.log('[PerformanceMonitor] Not currently monitoring');
       return;
     }
     
@@ -505,25 +505,25 @@ class PerformanceMonitor {
         }
       });
       this.webVitalsUnsubscribers = [];
-      console.log('[PerformanceMonitor] Web Vitals observers cleaned up');
+      // console.log('[PerformanceMonitor] Web Vitals observers cleaned up');
     }
     
     // Cleanup PerformanceObserver fallback
     if (this.performanceObserver) {
       this.performanceObserver.disconnect();
       this.performanceObserver = null;
-      console.log('[PerformanceMonitor] PerformanceObserver cleaned up');
+      // console.log('[PerformanceMonitor] PerformanceObserver cleaned up');
     }
     
     this.isMonitoring = false;
-    console.log('[PerformanceMonitor] Stopped monitoring');
+    // console.log('[PerformanceMonitor] Stopped monitoring');
   }
 
   destroy() {
     this.stopMonitoring();
     this.callbacks = {};
     this.dataBuffer = null;
-    console.log('[PerformanceMonitor] Destroyed');
+    // console.log('[PerformanceMonitor] Destroyed');
   }
 }
 

package/chrome-extension/popup.html

@@ -154,7 +154,14 @@
   </style>
 </head>
 <body>
-  <div style="position: absolute; top: 5px; right: 5px; font-size: 10px; color: #999; font-family: monospace;">v2.1.2</div>
+  <div style="position: absolute; top: 5px; right: 35px; font-size: 10px; color: #999; font-family: monospace;">v2.1.2</div>
+
+  <!-- Settings Button (Top Right) -->
+  <button id="settings-btn" title="Settings" style="position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; padding: 0; border: none; background: transparent; cursor: pointer; opacity: 0.6; transition: opacity 0.2s;">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="#666">
+      <path d="M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>
+    </svg>
+  </button>
 
   <!-- Header with Title and Server Status -->
   <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #e0e0e0;">