feat(webui): polish agent output and app discovery

webui/src/hooks/useSessionAutomationJobs.ts

@@ -1,18 +1,20 @@
 import { useEffect, useState } from "react";
 
+import { usePageVisibility } from "@/hooks/usePageVisibility";
 import { fetchSessionAutomations } from "@/lib/api";
 import type { SessionAutomationJob } from "@/lib/types";
 
 const AUTOMATIONS_REFRESH_MS = 3000;
 
 export function useSessionAutomationJobs(open: boolean, token: string, sessionKey: string) {
+  const pageVisible = usePageVisibility();
   const [jobs, setJobs] = useState<SessionAutomationJob[]>([]);
   const [loading, setLoading] = useState(false);
   const [loadFailed, setLoadFailed] = useState(false);
   const [now, setNow] = useState(() => Date.now());
 
   useEffect(() => {
-    if (!open) return;
+    if (!open || !pageVisible) return;
     let cancelled = false;
     let loadedOnce = false;
 
@@ -37,25 +39,21 @@ export function useSessionAutomationJobs(open: boolean, token: string, sessionKe
 
     void refresh(true);
     const refreshId = window.setInterval(() => void refresh(false), AUTOMATIONS_REFRESH_MS);
-    const refreshOnFocus = () => {
-      if (document.visibilityState !== "hidden") void refresh(false);
-    };
+    const refreshOnFocus = () => void refresh(false);
     window.addEventListener("focus", refreshOnFocus);
-    document.addEventListener("visibilitychange", refreshOnFocus);
     return () => {
       cancelled = true;
       window.clearInterval(refreshId);
       window.removeEventListener("focus", refreshOnFocus);
-      document.removeEventListener("visibilitychange", refreshOnFocus);
     };
-  }, [open, sessionKey, token]);
+  }, [open, pageVisible, sessionKey, token]);
 
   useEffect(() => {
-    if (!open) return;
+    if (!open || !pageVisible) return;
     setNow(Date.now());
     const tickId = window.setInterval(() => setNow(Date.now()), 1000);
     return () => window.clearInterval(tickId);
-  }, [open]);
+  }, [open, pageVisible]);
 
   return { jobs, loading, loadFailed, now };
 }