import { Key, Search, ShieldCheck, ShieldX } from 'lucide-react'; import { useRef } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { AdminStatsGrid, type StatCard } from '@/Components/admin/AdminStatsGrid'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Input } from '@/Components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { useAdminFilters } from '@/hooks/useAdminFilters'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime } from '@/lib/format'; interface AiKeyRow { id: number; user_id: number; user_name: string | null; user_email: string | null; provider: string; is_validated: boolean; last_validation_status: string | null; last_validation_at: string | null; consecutive_failures: number; invalidated_at: string | null; created_at: string; } interface PaginatedKeys { data: AiKeyRow[]; current_page: number; last_page: number; from: number | null; to: number | null; total: number; } interface Summary { total: number; valid: number; invalid: number; never_validated: number; rate_limited: number; quota_exceeded: number; } interface Filters extends Record { search: string; status: string; } interface Props { keys: PaginatedKeys; summary: Summary; filters: Filters; } function validationStatusBadge(row: AiKeyRow) { if (row.is_validated) { return ( valid ); } if (!row.last_validation_status) { return never validated; } const colorMap: Record = { rate_limited: 'text-warning border-warning', quota_exceeded: 'text-warning-high border-warning-high', }; const isDestructive = row.last_validation_status === 'invalid_auth'; const extra = colorMap[row.last_validation_status] ?? ''; return ( {row.last_validation_status.replace(/_/g, ' ')} ); } export default function Index({ keys, summary, filters }: Props) { const searchRef = useRef(null); const isNavigating = useNavigationState(); const { search, setSearch, updateFilter, handlePage } = useAdminFilters({ route: '/admin/ai-keys', filters, }); useAdminKeyboardShortcuts({ onSearch: () => searchRef.current?.focus(), onNextPage: keys.current_page < keys.last_page ? () => handlePage(keys.current_page + 1) : undefined, onPrevPage: keys.current_page > 1 ? () => handlePage(keys.current_page - 1) : undefined, }); const statCards: StatCard[] = [ { title: 'Total Keys', value: summary.total, icon: Key }, { title: 'Valid', value: summary.valid, icon: ShieldCheck, valueClassName: summary.valid > 0 ? 'text-success' : '', }, { title: 'Invalid / Errors', value: summary.invalid, icon: ShieldX, valueClassName: summary.invalid > 0 ? 'text-destructive' : '', }, { title: 'Never Validated', value: summary.never_validated, icon: Key }, ]; return (
Admin AI Key Health {(summary.rate_limited > 0 || summary.quota_exceeded > 0) && (
{summary.rate_limited > 0 && ( {summary.rate_limited} rate-limited )} {summary.quota_exceeded > 0 && ( {summary.quota_exceeded} quota exceeded )}
)}
setSearch(e.target.value)} />
User Provider Status Last Validated Failures Added {keys.data.map((row) => (
{row.user_name ?? '—'}

{row.user_email}

 {row.provider} {validationStatusBadge(row)} {row.last_validation_at ? formatRelativeTime(row.last_validation_at) : '—'} {row.consecutive_failures > 0 ? ( = 3 ? 'text-destructive font-semibold' : ''}> {row.consecutive_failures} ) : ( '—' )} {formatRelativeTime(row.created_at)} ))}
); }