import { Radio, RefreshCw } from 'lucide-react'; import { toast } from 'sonner'; import { useState } from 'react'; import { Head, Link, router } from '@inertiajs/react'; import { ServiceStatusBadge } from '@/Components/CircuitBreaker/ServiceStatusBadge'; import PageHeader from '@/Components/layout/PageHeader'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { ConfirmDialog } from '@/Components/ui/confirm-dialog'; import { EmptyState } from '@/Components/ui/empty-state'; import { LoadingButton } from '@/Components/ui/loading-button'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime } from '@/lib/format'; import type { AdminCircuitBreakerProps } from '@/types/admin'; const SERVICE_DISPLAY_NAMES: Record = { gsc_api: 'Google Search Console', openai_api: 'OpenAI API', wp_api: 'WordPress API', }; export default function AdminCircuitBreaker({ circuits }: AdminCircuitBreakerProps) { const [resettingService, setResettingService] = useState(null); const [confirmingService, setConfirmingService] = useState(null); const handleReset = (service: string) => { setResettingService(service); router.post( `/admin/circuit-breaker/${service}/reset`, {}, { onSuccess: () => toast.success(`${SERVICE_DISPLAY_NAMES[service] ?? service} circuit breaker reset.`), onFinish: () => { setResettingService(null); setConfirmingService(null); }, }, ); }; return (
Admin Circuit Breaker Service Status Monitor and manage circuit breaker states for external API connections {Object.keys(circuits).length === 0 ? ( ) : (
Service State Failures Last Failure Actions {Object.entries(circuits).map(([service, circuit]) => ( {SERVICE_DISPLAY_NAMES[service] || service} {circuit.failure_count} / {circuit.failure_threshold} {circuit.last_failure_at ? ( {formatRelativeTime(circuit.last_failure_at)} ) : ( Never )} setConfirmingService(service)} disabled={circuit.state === 'closed' && circuit.failure_count === 0} loading={resettingService === service} loadingText="Resetting" > Reset ))}
)} Circuit Breaker States

Healthy

Circuit is closed, requests are flowing normally

Testing

Circuit is half-open, testing recovery with limited requests

Failing

Circuit is open, requests are blocked to prevent cascading failures

{ if (!open) setConfirmingService(null); }} title="Reset circuit breaker" description={`Reset the circuit breaker for ${confirmingService ? (SERVICE_DISPLAY_NAMES[confirmingService] ?? confirmingService) : ''}? This will clear the failure count and close the circuit.`} confirmLabel="Reset" onConfirm={() => { if (confirmingService) handleReset(confirmingService); }} /> ); }