import { Search, TrendingDown } from 'lucide-react'; import { useRef } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; 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, formatNumber } from '@/lib/format'; import type { PaginatedResponse } from '@/types'; interface FreshnessRecRow { id: number; page_url: string; action_type: string | null; impact_score: string | null; urgency_score: string | null; freshness_score: string | null; status: string; page_decay_run_id: number | null; site_id: number | null; site_name: string | null; site_domain: string | null; created_at: string; } interface Props { recommendations: PaginatedResponse; filters: { search?: string; status?: string; action_type?: string; sort?: string; dir?: string; }; stats: { total: number; pending: number; }; } const statusVariant = (status: string): 'default' | 'secondary' | 'outline' | 'destructive' => { if (status === 'pending') return 'secondary'; if (status === 'applied') return 'default'; if (status === 'rejected') return 'destructive'; return 'outline'; }; export default function AdminFreshnessRecommendationsIndex({ recommendations, filters, stats, }: Props) { const searchInputRef = useRef(null); const { search, setSearch, updateFilter, handleSort, handlePage } = useAdminFilters({ route: '/admin/freshness-recommendations', filters, }); const isNavigating = useNavigationState(); useAdminKeyboardShortcuts({ onSearch: () => searchInputRef.current?.focus(), onNextPage: recommendations.current_page < recommendations.last_page ? () => handlePage(recommendations.current_page + 1) : undefined, onPrevPage: recommendations.current_page > 1 ? () => handlePage(recommendations.current_page - 1) : undefined, }); return (

Admin Freshness Recommendations

} />

Freshness Recommendation Filters

setSearch(e.target.value)} className="pl-9" aria-label="Search by page URL" />

Page URL Site Action Type Status {recommendations.data.map((rec) => ( {rec.page_url} {rec.site_id ? (

{rec.site_name ?? '—'}

{rec.site_domain}

{rec.page_decay_run_id && ( Decay Run #{rec.page_decay_run_id} )}

) : (

—

)} {rec.action_type?.replace(/_/g, ' ') ?? '—'} {rec.impact_score != null ? Number(rec.impact_score).toFixed(1) : '—'} {rec.urgency_score != null ? Number(rec.urgency_score).toFixed(1) : '—'} {rec.status} {formatRelativeTime(rec.created_at)} View → ))}

); }