import { ArrowLeft, Search } 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 { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDateTime } from '@/lib/format'; interface RecommendationRow { id: number; action_type: string | null; lifecycle_status: string | null; impact_score: string | number | null; created_at: string; } interface FindingDetail { id: number; analysis_run_id: number; site_id: number | null; site_name: string | null; site_domain: string | null; page_url: string | null; dimension_type: string | null; type: string | null; direction: string | null; metric_before: string | null; metric_after: string | null; delta_absolute: string | null; delta_percent: string | null; segment_type: string | null; segment_value: string | null; supporting_data: Record | null; created_at: string; recommendations: RecommendationRow[]; } interface Props { finding: FindingDetail; } export default function AdminFindingShow({ finding }: Props) { return (
Admin Findings Finding #{finding.id}

Finding #{finding.id}

{finding.page_url && (

{finding.page_url}

)}
{finding.dimension_type && ( {finding.dimension_type} )}
Details

Analysis Run

#{finding.analysis_run_id}
{finding.site_id && (

Site

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

{finding.site_domain}

)}
)} {finding.type && (

Type

{finding.type}

)} {finding.direction && (

Direction

{finding.direction}

)} {finding.segment_type && (

Segment

{finding.segment_type}: {finding.segment_value ?? '—'}

)}

Created

{formatDateTime(finding.created_at)}

 Metrics

Before

{finding.metric_before ?? '—'}

After

{finding.metric_after ?? '—'}

{finding.delta_absolute != null && (

Delta (absolute)

{finding.delta_absolute}

)} {finding.delta_percent != null && (

Delta (percent)

{finding.delta_percent}%

)} {finding.recommendations.length > 0 && ( Recommendations ({finding.recommendations.length}) ID Action Type Status Impact Created {finding.recommendations.map((rec) => ( #{rec.id} {rec.action_type ? rec.action_type.replace(/_/g, ' ') : '—'} {rec.lifecycle_status ? ( {rec.lifecycle_status} ) : '—'} {rec.impact_score ?? '—'} {formatDateTime(rec.created_at)} View → ))}
)}
); }