Parameter search & inline display for Past Runs and Run History pages (#3985)

skyvern-frontend/src/hooks/useRunsQuery.ts

@@ -13,12 +13,18 @@ type Props = {
   page?: number;
   pageSize?: number;
   statusFilters?: Array<Status>;
+  search?: string;
 } & UseQueryOptions;
 
-function useRunsQuery({ page = 1, pageSize = 10, statusFilters }: Props) {
+function useRunsQuery({
+  page = 1,
+  pageSize = 10,
+  statusFilters,
+  search,
+}: Props) {
   const credentialGetter = useCredentialGetter();
   return useQuery<Array<Task | WorkflowRunApiResponse>>({
-    queryKey: ["runs", { statusFilters }, page, pageSize],
+    queryKey: ["runs", { statusFilters }, page, pageSize, search],
     queryFn: async () => {
       const client = await getClient(credentialGetter);
       const params = new URLSearchParams();
@@ -29,6 +35,9 @@ function useRunsQuery({ page = 1, pageSize = 10, statusFilters }: Props) {
           params.append("status", status);
         });
       }
+      if (search) {
+        params.append("search_key", search);
+      }
       return client.get("/runs", { params }).then((res) => res.data);
     },
   });