Poll for status to show updates

src/app/[orgId]/settings/resources/proxy/[niceId]/proxy/page.tsx

@@ -168,6 +168,30 @@ function ProxyResourceTargetsForm({
 
     const [targets, setTargets] = useState<LocalTarget[]>(initialTargets);
     const [targetsToRemove, setTargetsToRemove] = useState<number[]>([]);
+
+    const { data: polledTargets } = useQuery({
+        ...resourceQueries.resourceTargets({
+            resourceId: resource.resourceId
+        }),
+        refetchInterval: 10_000
+    });
+
+    useEffect(() => {
+        if (!polledTargets) return;
+        setTargets((prev) =>
+            prev.map((t) => {
+                const fresh = polledTargets.find(
+                    (p) => p.targetId === t.targetId
+                );
+                if (!fresh) return t;
+                return {
+                    ...t,
+                    hcHealth: fresh.hcHealth,
+                    hcEnabled: t.updated ? t.hcEnabled : fresh.hcEnabled
+                };
+            })
+        );
+    }, [polledTargets]);
     const [dockerStates, setDockerStates] = useState<Map<number, DockerState>>(
         new Map()
     );

src/components/HealthChecksTable.tsx

@@ -74,7 +74,10 @@ export default function HealthChecksTable({
         isLoading,
         refetch,
         isRefetching
-    } = useQuery(orgQueries.standaloneHealthChecks({ orgId }));
+    } = useQuery({
+        ...orgQueries.standaloneHealthChecks({ orgId }),
+        refetchInterval: 10_000
+    });
 
     const invalidate = () =>
         queryClient.invalidateQueries(