feat: Batch export logs frontend (#17605)

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Ben White <[email protected]>

frontend/src/lib/api.ts

@@ -1,6 +1,7 @@
 import posthog from 'posthog-js'
 import {
     ActionType,
+    BatchExportLogEntry,
     CohortType,
     DashboardCollaboratorType,
     DashboardTemplateEditorType,
@@ -541,6 +542,10 @@ class ApiRequest {
         return this.batchExports(teamId).addPathComponent(id)
     }
 
+    public batchExportLogs(id: BatchExportConfiguration['id'], teamId?: TeamType['id']): ApiRequest {
+        return this.batchExport(id, teamId).addPathComponent('logs')
+    }
+
     public batchExportRuns(id: BatchExportConfiguration['id'], teamId?: TeamType['id']): ApiRequest {
         return this.batchExports(teamId).addPathComponent(id).addPathComponent('runs')
     }
@@ -553,6 +558,14 @@ class ApiRequest {
         return this.batchExportRuns(id, teamId).addPathComponent(runId)
     }
 
+    public batchExportRunLogs(
+        id: BatchExportConfiguration['id'],
+        runId: BatchExportRun['id'],
+        teamId?: TeamType['id']
+    ): ApiRequest {
+        return this.batchExportRun(id, runId, teamId).addPathComponent('logs')
+    }
+
     // Request finalization
     public async get(options?: ApiMethodOptions): Promise<any> {
         return await api.get(this.assembleFullUrl(), options)
@@ -1191,6 +1204,65 @@ const api = {
         },
     },
 
+    batchExportLogs: {
+        async search(
+            batchExportId: string,
+            currentTeamId: number | null,
+            searchTerm: string | null = null,
+            typeFilters: CheckboxValueType[] = [],
+            trailingEntry: BatchExportLogEntry | null = null,
+            leadingEntry: BatchExportLogEntry | null = null
+        ): Promise<BatchExportLogEntry[]> {
+            const params = toParams(
+                {
+                    limit: LOGS_PORTION_LIMIT,
+                    type_filter: typeFilters,
+                    search: searchTerm || undefined,
+                    before: trailingEntry?.timestamp,
+                    after: leadingEntry?.timestamp,
+                },
+                true
+            )
+
+            const response = await new ApiRequest()
+                .batchExportLogs(batchExportId, currentTeamId || undefined)
+                .withQueryString(params)
+                .get()
+
+            return response.results
+        },
+    },
+
+    batchExportRunLogs: {
+        async search(
+            batchExportId: string,
+            batchExportRunId: string,
+            currentTeamId: number | null,
+            searchTerm: string | null = null,
+            typeFilters: CheckboxValueType[] = [],
+            trailingEntry: BatchExportLogEntry | null = null,
+            leadingEntry: BatchExportLogEntry | null = null
+        ): Promise<BatchExportLogEntry[]> {
+            const params = toParams(
+                {
+                    limit: LOGS_PORTION_LIMIT,
+                    type_filter: typeFilters,
+                    search: searchTerm || undefined,
+                    before: trailingEntry?.timestamp,
+                    after: leadingEntry?.timestamp,
+                },
+                true
+            )
+
+            const response = await new ApiRequest()
+                .batchExportRunLogs(batchExportId, batchExportRunId, currentTeamId || undefined)
+                .withQueryString(params)
+                .get()
+
+            return response.results
+        },
+    },
+
     annotations: {
         async get(annotationId: RawAnnotationType['id']): Promise<RawAnnotationType> {
             return await new ApiRequest().annotation(annotationId).get()