Poll source statuses while auth gate is open for faster UI updates

Add visibilitychange + 3s interval polling while tool auth prompts are
active so the UI reflects authorization within ~3 seconds instead of
waiting for the user to manually return to the tab and trigger a focus
event.

Next.js: use-source-check.ts — replace focus-only listener with
focus + visibilitychange + setInterval(3000) while authGateActive.

LangChain: dashboard.js — add visibilitychange handler and a
startSourceAuthPolling() interval that fires every 3s while auth
prompt cards are visible.

Made-with: Cursor

Author: teallarson

templates/_shared/nextjs-ui/hooks/use-source-check.ts

@@ -69,14 +69,24 @@ export function useSourceCheck(options: { enabled: boolean }): {
     checkSources();
   }, [enabled, checkSources]);
 
-  // Re-check sources when user returns from an auth tab (while gate is active)
+  // Re-check sources while the auth gate is open:
+  // - focus / visibilitychange: immediately when user switches back to this tab
+  // - setInterval: every 3s so auth completion is detected quickly even if the
+  //   user stays on the external auth page for a moment before returning
   useEffect(() => {
     if (!authGateActive) return;
-    const onFocus = () => {
-      checkSources();
+    const onFocus = () => checkSources();
+    const onVisibilityChange = () => {
+      if (document.visibilityState === "visible") checkSources();
     };
     window.addEventListener("focus", onFocus);
-    return () => window.removeEventListener("focus", onFocus);
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    const interval = setInterval(checkSources, 3000);
+    return () => {
+      window.removeEventListener("focus", onFocus);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      clearInterval(interval);
+    };
   }, [authGateActive, checkSources]);
 
   const skipSource = (source: string) => {

templates/langchain/app/static/dashboard.js

@@ -125,6 +125,13 @@ window.addEventListener("focus", () => {
   retryArcadeConnection();
 });
 
+// Re-check source statuses quickly after the user returns from an auth tab.
+// visibilitychange fires as soon as the tab becomes visible (faster than focus).
+document.addEventListener("visibilitychange", () => {
+  if (document.visibilityState !== "visible") return;
+  if (authPrompts.children.length) checkSourceStatuses();
+});
+
 // --- Logout ---
 logoutBtn.addEventListener("click", async () => {
   await fetch("/api/auth/logout", { method: "POST" });
@@ -310,9 +317,23 @@ function showState() {
 }
 
 // --- Auth prompts ---
+let _sourceAuthPollId = null;
+function startSourceAuthPolling() {
+  if (_sourceAuthPollId) return;
+  _sourceAuthPollId = setInterval(() => {
+    if (!authPrompts.children.length) {
+      clearInterval(_sourceAuthPollId);
+      _sourceAuthPollId = null;
+      return;
+    }
+    checkSourceStatuses();
+  }, 3000);
+}
+
 function addAuthPrompt(url, toolName) {
   if (authPrompts.querySelector(`[data-url="${CSS.escape(url)}"]`)) return;
   authPrompts.classList.remove("hidden");
+  startSourceAuthPolling();
 
   const label = toolName || "Service";
   const card = document.createElement("div");