import { Head } from '@inertiajs/react'; import DiagnosticsController from '@/actions/App/Http/Controllers/Admin/DiagnosticsController'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; type LogSource = { name: string; path: string; status: string; entries: string[]; }; type AuditSummary = { users: number; active_sessions: number; failed_jobs: number; webhook_messages: number; }; type SessionAudit = { user_name: string | null; user_email: string | null; ip_address: string | null; user_agent: string | null; last_activity: string | null; }; type UserAudit = { id: number; name: string; email: string; role: string; created_at: string | null; updated_at: string | null; }; type FailedJobAudit = { id: number; uuid: string; connection: string; queue: string; failed_at: string | null; exception_preview: string; }; type WebhookMessageAudit = { id: number; message_id: string; device_id: string | null; created_at: string | null; }; type Audit = { summary: AuditSummary; sessions: SessionAudit[]; users: UserAudit[]; failed_jobs: FailedJobAudit[]; webhook_messages: WebhookMessageAudit[]; }; function EmptyState({ children }: { children: string }) { return (
{children}
); } function formatLabel(label: string): string { return label.replaceAll('_', ' '); } export default function Diagnostics({ logs, audit }: { logs: LogSource[]; audit: Audit }) { return ( <>
{Object.entries(audit.summary).map(([key, value]) => ( {formatLabel(key)} {value} ))}
Logs Showing configured Laravel and Apache log sources. {logs.map((log) => (

{log.name}

0 ? 'secondary' : 'outline'} > {log.entries.length} entries

{log.path}

{log.status}

{log.entries.length === 0 ? ( No readable entries are available. ) : ( 
                                        {log.entries.join('\n')}
)}
))}
Active sessions Recent session records from the database session store. {audit.sessions.length === 0 ? ( No active sessions were found. ) : ( audit.sessions.map((session, index) => (

{session.user_name ?? 'Guest session'}

{session.user_email ?? session.ip_address ?? 'Unknown source'}

{session.last_activity ?? 'Unknown time'}
{session.user_agent ? (

{session.user_agent}

) : null}
)) )} User audit Recent user records ordered by last update. {audit.users.map((user) => (

{user.name}

{user.email}

{formatLabel(user.role)}

Updated {user.updated_at ?? 'recently'}

))} Failed jobs Queue failures with shortened exception previews. {audit.failed_jobs.length === 0 ? ( No failed jobs were found. ) : ( audit.failed_jobs.map((job) => (

{job.uuid}

{job.failed_at ?? 'Unknown time'}

{job.connection} / {job.queue} 

                                            {job.exception_preview}
)) )} Webhook audit Recent stored The Things Stack webhook messages. {audit.webhook_messages.length === 0 ? ( No webhook messages were found. ) : ( audit.webhook_messages.map((message) => (

{message.message_id}

{message.device_id ?? 'No device id'}

{message.created_at ?? 'Unknown time'}
)) )}
); } Diagnostics.layout = { breadcrumbs: [ { title: 'Logs & audit', href: DiagnosticsController(), }, ], };