add some refetching and invalidating logic for workflow runs (#1048)

skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx

@@ -97,6 +97,18 @@ function TaskDetails() {
       queryClient.invalidateQueries({
         queryKey: ["tasks"],
       });
+      if (task?.workflow_run_id) {
+        queryClient.invalidateQueries({
+          queryKey: ["workflowRun", task.workflow_run_id],
+        });
+        queryClient.invalidateQueries({
+          queryKey: [
+            "workflowRun",
+            workflow?.workflow_permanent_id,
+            task.workflow_run_id,
+          ],
+        });
+      }
       toast({
         variant: "success",
         title: "Task Canceled",

skyvern-frontend/src/routes/workflows/WorkflowRun.tsx

@@ -97,6 +97,18 @@ function WorkflowRun() {
         return false;
       },
       placeholderData: keepPreviousData,
+      refetchOnMount: (query) => {
+        if (!query.state.data) {
+          return false;
+        }
+        return statusIsRunningOrQueued(query.state.data);
+      },
+      refetchOnWindowFocus: (query) => {
+        if (!query.state.data) {
+          return false;
+        }
+        return statusIsRunningOrQueued(query.state.data);
+      },
     });
 
   const { data: workflowTasks, isLoading: workflowTasksIsLoading } = useQuery<