feat(frontend): logs pagination

frontend/src/api/client.ts

@@ -4,7 +4,7 @@ import type {
   CreateRuleRequest,
   UpdateRuleRequest,
   UpdateCommandRequest,
-  RequestLog,
+  RequestLogs,
 } from "../types";
 import { authStore } from "./auth";
 
@@ -107,7 +107,7 @@ export const authApi = {
 
 // Logs API
 export const logsApi = {
-  list: (params?: { method?: string; search?: string }) => {
+  list: (params?: { method?: string; search?: string; page: number; limit: number }) => {
     const query = new URLSearchParams();
     if (params?.method) {
       query.set("method", params.method);
@@ -116,6 +116,9 @@ export const logsApi = {
       query.set("search", params.search);
     }
     const queryString = query.toString();
-    return request<RequestLog[]>(`/logs${queryString ? `?${queryString}` : ""}`);
+    return request<RequestLogs>(`/logs${queryString ? `?${queryString}` : ""}`);
+  },
+  methods: () => {
+    return request<string[]>("/logs/methods");
   },
 };

frontend/src/types/index.ts

@@ -58,3 +58,8 @@ export interface RequestLog {
   response_interception_action?: InterceptionAction;
   created_at: string;
 }
+
+export interface RequestLogs {
+  data: RequestLog[];
+  total: number;
+}