import { Users, XCircle } from 'lucide-react'; import { useState } from 'react'; import { Head, Link, router, usePage } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { AdminStatsGrid, type StatCard } from '@/Components/admin/AdminStatsGrid'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Alert, AlertDescription, AlertTitle } from '@/Components/ui/alert'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Button } from '@/Components/ui/button'; import { ConfirmDialog } from '@/Components/ui/confirm-dialog'; import { ExportButton } from '@/Components/ui/export-button'; import { Input } from '@/Components/ui/input'; 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 } from '@/lib/format'; import type { PageProps, PaginatedResponse } from '@/types'; interface SessionRow { session_id: string; user_id: number; user_name: string; user_email: string; ip_address: string | null; last_activity: string; } interface Props { stats: { driver: string; total: number; active_users: number; }; sessions: PaginatedResponse | null; filters: { search: string; sort: string; dir: string; }; } export default function SessionsIndex({ stats, sessions, filters }: Props) { const { auth } = usePage().props; const canMutate = auth.user?.admin_role != null && auth.user.admin_role !== 'viewer'; const [invalidateId, setInvalidateId] = useState(null); const { search, setSearch, handleSort, handlePage } = useAdminFilters({ route: '/admin/sessions', filters, }); const isNavigating = useNavigationState(); const isDatabase = stats.driver === 'database'; useAdminKeyboardShortcuts({ onSearch: () => { document.querySelector('[data-search-input]')?.focus(); }, onNextPage: sessions && sessions.current_page < sessions.last_page ? () => handlePage(sessions.current_page + 1) : undefined, onPrevPage: sessions && sessions.current_page > 1 ? () => handlePage(sessions.current_page - 1) : undefined, }); const statCards: StatCard[] = [ { title: 'Total Sessions', value: stats.total, icon: Users }, { title: 'Active Users', value: stats.active_users, icon: Users }, ]; return (

Admin Sessions {!isDatabase && ( Database driver required Session manager requires SESSION_DRIVER=database. Current driver:{' '} {stats.driver}. Session listing and invalidation are unavailable. )} {isDatabase && sessions && ( <>

setSearch(e.target.value)} className="w-72" />

{sessions.data.map((session) => ( {session.user_name} {session.user_email} {session.ip_address ?? '—'} {formatRelativeTime(session.last_activity)} {canMutate && ( )} ))}

)}

setInvalidateId(null)} title="Invalidate session?" description="This will log the user out immediately. They will need to log in again." confirmLabel="Invalidate" variant="destructive" onConfirm={() => { if (invalidateId) { router.delete(route('admin.sessions.destroy', invalidateId)); setInvalidateId(null); } }} /> ); }