M-029 Pass 1 batch 3: migrate 3 three-mutation pages to useTrackedMutation

Drains 9 more useMutation sites (42 -> 33). HealthMonitorPage hoists the

shared invalidation pair into a healthCheckInvalidates const so the three

mutations don't repeat the array literal.

Pages migrated:

  - HealthMonitorPage.tsx  create + delete + acknowledge all invalidate

                            [['health-checks'], ['health-checks-summary']]

                            (hoisted to a shared const)

  - AgentGroupsPage.tsx    delete + create + update all invalidate [['agent-groups']]

                            (queryClient kept — modal onSuccess props still use it)

  - JobsPage.tsx           cancel + approve + reject all invalidate [['jobs']]

Verification:

  legacy useMutation count   42 -> 33 (-9)

  useTrackedMutation count   14 -> 23 (+9)

Closes 23 of 56 sites toward M-029 Pass 1 completion.

web/src/pages/JobsPage.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
+import { useTrackedMutation } from '../hooks/useTrackedMutation';
 import { getJobs, cancelJob, approveRenewal, rejectRenewal } from '../api/client';
 import PageHeader from '../components/PageHeader';
 import DataTable from '../components/DataTable';
@@ -73,7 +74,6 @@ export default function JobsPage() {
   const [statusFilter, setStatusFilter] = useState('');
   const [typeFilter, setTypeFilter] = useState('');
   const [rejectingJob, setRejectingJob] = useState<Job | null>(null);
-  const queryClient = useQueryClient();
 
   const params: Record<string, string> = {};
   if (statusFilter) params.status = statusFilter;
@@ -85,20 +85,20 @@ export default function JobsPage() {
     refetchInterval: 10000,
   });
 
-  const cancelMutation = useMutation({
+  const cancelMutation = useTrackedMutation({
     mutationFn: cancelJob,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['jobs'] }),
+    invalidates: [['jobs']],
   });
 
-  const approveMutation = useMutation({
+  const approveMutation = useTrackedMutation({
     mutationFn: approveRenewal,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['jobs'] }),
+    invalidates: [['jobs']],
   });
 
-  const rejectMutation = useMutation({
+  const rejectMutation = useTrackedMutation({
     mutationFn: ({ id, reason }: { id: string; reason: string }) => rejectRenewal(id, reason),
+    invalidates: [['jobs']],
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['jobs'] });
       setRejectingJob(null);
     },
   });