import { ArrowLeft, TrendingDown } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDateTime } from '@/lib/format'; interface FreshnessRecommendationDetail { id: number; page_url: string; action_type: string | null; title: string | null; reasoning: string | null; evidence: Record[] | null; impact_score: string | null; urgency_score: string | null; freshness_score: string | null; confidence_score: string | null; effort_score: string | null; status: string; site_id: number | null; site_name: string | null; site_domain: string | null; page_decay_run_id: number | null; created_at: string; updated_at: string; } interface Props { recommendation: FreshnessRecommendationDetail; } 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 AdminFreshnessRecommendationShow({ recommendation }: Props) { return (
Admin Freshness Recommendations #{recommendation.id}

Freshness Recommendation #{recommendation.id}

{recommendation.status}

{recommendation.page_url}

Details {recommendation.site_id && (

Site

{recommendation.site_name ?? '—'} {recommendation.site_domain && (

{recommendation.site_domain}

)}
)}

Action Type

{recommendation.action_type?.replace(/_/g, ' ') ?? '—'}

Created

{formatDateTime(recommendation.created_at)}

Updated

{formatDateTime(recommendation.updated_at)}

 Scores {[ { label: 'Impact', value: recommendation.impact_score }, { label: 'Urgency', value: recommendation.urgency_score }, { label: 'Freshness', value: recommendation.freshness_score }, { label: 'Confidence', value: recommendation.confidence_score }, { label: 'Effort', value: recommendation.effort_score }, ].map(({ label, value }) => (
{label} {value != null ? Number(value).toFixed(2) : '—'}
))}
{recommendation.title && ( Title

{recommendation.title}

 )} {recommendation.reasoning && ( Reasoning

{recommendation.reasoning}

 )} {recommendation.evidence && recommendation.evidence.length > 0 && ( Evidence 
                    {JSON.stringify(recommendation.evidence, null, 2)}
)}
); }