seed keywords

frontend/src/pages/Settings/MasterStatus.tsx

@@ -260,11 +260,32 @@ export default function MasterStatus() {
     setLoading(false);
   }, [fetchSystemMetrics, fetchApiHealth, checkWorkflowHealth, checkIntegrationHealth]);
 
-  // Initial load and auto-refresh
+  // Initial load and auto-refresh (pause when page not visible)
   useEffect(() => {
+    let interval: NodeJS.Timeout;
+    
+    const handleVisibilityChange = () => {
+      if (document.hidden) {
+        // Page not visible - clear interval
+        if (interval) clearInterval(interval);
+      } else {
+        // Page visible - refresh and restart interval
+        refreshAll();
+        interval = setInterval(refreshAll, 30000);
+      }
+    };
+    
+    // Initial setup
     refreshAll();
-    const interval = setInterval(refreshAll, 30000); // 30 seconds
-    return () => clearInterval(interval);
+    interval = setInterval(refreshAll, 30000);
+    
+    // Listen for visibility changes
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    
+    return () => {
+      clearInterval(interval);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+    };
   }, [refreshAll]);
 
   // Status badge component