import { CheckCircle, FileText, Search, XCircle } 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 { PerPageSelector } from '@/Components/admin/PerPageSelector'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { ExportButton } from '@/Components/ui/export-button'; 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 ContentBriefRow { id: number; site_id: number; site_name: string | null; site_domain: string | null; user_id: number; user_name: string | null; target_keyword: string | null; status: string; model_used: string | null; generated_at: string | null; created_at: string; } interface PaginatedBriefs { data: ContentBriefRow[]; current_page: number; last_page: number; from: number | null; to: number | null; total: number; } interface Stats { total: number; completed: number; pending: number; failed: number; } interface Props { briefs: PaginatedBriefs; filters: { status: string; search?: string; sort?: string; dir?: string; per_page?: number }; stats: Stats; } export default function ContentBriefsIndex({ briefs, filters, stats }: Props) { const isNavigating = useNavigationState(); const searchRef = useRef(null); const { search, setSearch, updateFilter, handleSort, handlePage } = useAdminFilters({ route: route('admin.content-briefs.index'), filters, }); const statCards: StatCard[] = [ { title: 'Total', value: stats.total, icon: FileText }, { title: 'Completed', value: stats.completed, icon: CheckCircle }, { title: 'Pending', value: stats.pending, icon: FileText }, { title: 'Failed', value: stats.failed, icon: XCircle, valueClassName: stats.failed > 0 ? 'text-destructive' : '' }, ]; useAdminKeyboardShortcuts({ onSearch: () => searchRef.current?.focus(), onNextPage: briefs.current_page < briefs.last_page ? () => handlePage(briefs.current_page + 1) : undefined, onPrevPage: briefs.current_page > 1 ? () => handlePage(briefs.current_page - 1) : undefined, }); const currentPage = briefs.current_page; const lastPage = briefs.last_page; useAdminKeyboardShortcuts({ onNextPage: currentPage < lastPage ? () => handlePage(currentPage + 1) : undefined, onPrevPage: currentPage > 1 ? () => handlePage(currentPage - 1) : undefined, }); return (

Admin Content Briefs

} />

setSearch(e.target.value)} className="pl-9 w-52" aria-label="Search content briefs" />

updateFilter({ per_page: perPage })} />

Keyword Site User Status Model Generated {briefs.data.map((brief) => ( {brief.target_keyword ?? —}

{brief.site_name}

{brief.site_domain}

{brief.user_name ?? '—'} {brief.status} {brief.model_used ?? '—'} {brief.generated_at ? formatRelativeTime(brief.generated_at) : '—'} {formatRelativeTime(brief.created_at)} View → ))}

); }