import { ArrowLeft, ArrowRight, Clock, UserCheck } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { MetadataViewer } from '@/Components/admin/MetadataViewer'; import PageHeader from '@/Components/layout/PageHeader'; 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'; import type { AdminAuditLogShowProps } from '@/types/admin'; function formatDuration(raw: number): string { const seconds = Math.max(0, Math.floor(raw)); if (seconds < 60) return `${seconds}s`; const minutes = Math.floor(seconds / 60); const remainingSeconds = seconds % 60; if (minutes < 60) return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`; const hours = Math.floor(minutes / 60); const remainingMinutes = minutes % 60; return remainingMinutes > 0 ? `${hours}h ${remainingMinutes}m` : `${hours}h`; } export default function AdminAuditLogShow({ auditLog, impersonation_session, }: AdminAuditLogShowProps) { return (

{/* Breadcrumb */} Admin Audit Logs #{auditLog.id} {auditLog.event}

User

{auditLog.user_name ? ( {auditLog.user_name} ({auditLog.user_email}) ) : ( System )}

IP Address

{auditLog.ip ?? 'N/A'}

Date

{formatDateTime(auditLog.created_at)}

User Agent

{auditLog.user_agent ?? 'N/A'}

{auditLog.metadata && Object.keys(auditLog.metadata).length > 0 && ( )} {auditLog.event === 'admin.impersonation_started' && ( Impersonation Session {impersonation_session ? (

Duration: {formatDuration(impersonation_session.duration_seconds)}

Stopped at: {formatDateTime(impersonation_session.stopped_at)}

) : (

Session still active or stop event not recorded

)} )}

); }