import { Head, Link, router } from "@inertiajs/react"; import { History, KeyRound, LogIn, ShieldAlert, TriangleAlert, UserRoundCheck, Users, } from "lucide-react"; import { useState, type FormEvent } from "react"; import { StatStrip } from "@/components/crm/kpi-tile"; import { NativeSelect } from "@/components/crm/native-select"; import { Callout, EmptyState, PageHeader, } from "@/components/crm/page-header"; import { StatusPill } from "@/components/crm/status-badge"; import { DataPagination, FilterBar, FilterField, SearchInput, TableCard, } from "@/components/crm/toolbar"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { formatDate, formatRelative } from "@/lib/format"; import { cn } from "@/lib/utils"; import type { Paginated, SignInAlert, SignInEntry, SignInSource, SignInStats, Option, } from "@/types"; type Props = { events: Paginated; filters: { search: string | null; event: string | null; source: string | null; from: string | null; to: string | null; }; sources: SignInSource[]; eventTypes: Array