import { Package } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import AdminLayout from '@/Layouts/AdminLayout'; import { getAdminStatusVariant } from '@/lib/adminStatusBadge'; import { formatDate, formatNumber } from '@/lib/format'; interface BatchJobDetail { id: number; site_id: number | null; site_name: string | null; site_domain: string | null; user_id: number | null; user_email: string | null; status: string; total_jobs: number; completed_jobs: number; failed_jobs: number; total_estimated_cost: string | null; total_actual_cost: string | null; total_estimated_tokens: number | null; total_actual_tokens: number | null; error_summary: Record | null; retry_eligible: boolean; started_at: string | null; completed_at: string | null; created_at: string; } interface Props { job: BatchJobDetail; } export default function BatchJobsShow({ job }: Props) { const progressPercent = job.total_jobs > 0 ? Math.round((job.completed_jobs / job.total_jobs) * 100) : 0; return (

Admin Batch Jobs Batch #{job.id}

Details

Site

{job.site_id ? ( {job.site_name ?? '—'} ) : ( {job.site_name ?? '—'} )} {job.site_domain && (

{job.site_domain}

)}

User

{job.user_id ? ( {job.user_email ?? '—'} ) : ( — )}

Status

{job.status}

{job.retry_eligible && (

Retry Eligible

)}

Started At

{job.started_at ? formatDate(job.started_at) : '—'}

Completed At

{job.completed_at ? formatDate(job.completed_at) : '—'}

Cost

Estimated {job.total_estimated_cost ? `$${job.total_estimated_cost}` : '—'}

Actual {job.total_actual_cost ? `$${job.total_actual_cost}` : '—'}

{job.total_estimated_tokens !== null && (

Est. Tokens {formatNumber(job.total_estimated_tokens ?? 0)}

)} {job.total_actual_tokens !== null && (

Actual Tokens {formatNumber(job.total_actual_tokens ?? 0)}

)}

Progress

Completed {job.completed_jobs} / {job.total_jobs}

{job.total_jobs > 0 && (

)} {job.failed_jobs > 0 && (

Failed {job.failed_jobs}

)}

{progressPercent}% complete

{job.error_summary && Object.keys(job.error_summary).length > 0 && ( Error Summary

{key.replace(/_/g, ' ')}: {String(value)}

)}

); }