feat: add admin request logs page

src/app/admin/api/requests/hooks.ts

@@ -0,0 +1,25 @@
+'use client';
+
+import { useTRPC } from '@/lib/trpc/utils';
+import { useQuery } from '@tanstack/react-query';
+
+type RequestLogsListParams = {
+  page: number;
+  limit: number;
+  sortBy: 'created_at' | 'status_code' | 'provider' | 'model';
+  sortOrder: 'asc' | 'desc';
+  requestId?: string;
+  search?: string;
+  fromDate?: string;
+  toDate?: string;
+  provider?: string;
+  statusCode?: number;
+  kiloUserId?: string;
+  organizationId?: string;
+  model?: string;
+};
+
+export function useRequestLogsList(params: RequestLogsListParams) {
+  const trpc = useTRPC();
+  return useQuery(trpc.admin.requestLogs.list.queryOptions(params));
+}

src/app/admin/components/AppSidebar.tsx

@@ -19,6 +19,7 @@ import {
   UserX,
   Upload,
   Bell,
+  ScrollText,
 } from 'lucide-react';
 import { useSession } from 'next-auth/react';
 import type { Session } from 'next-auth';
@@ -159,6 +160,11 @@ const analyticsObservabilityItems: MenuItem[] = [
     url: '/admin/alerting-ttfb',
     icon: () => <Bell />,
   },
+  {
+    title: () => 'Request Logs',
+    url: '/admin/requests',
+    icon: () => <ScrollText />,
+  },
 ];
 
 const menuSections: MenuSection[] = [