50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T11de,'use client'; import * as React from 'react'; import { DataTable, type DataTableColumn } from '@/components/spectrumui/data-table'; type Level = 'info' | 'warn' | 'error'; interface AuditEvent { id: string; time: string; actor: string; avatar: string | null; action: string; target: string; ip: string; level: Level; } const ACTORS: { name: string; avatar: string | null }[] = [ { name: 'Freya Lindgren', avatar: '/avatars/people/01.jpg' }, { name: 'ops-bot', avatar: null }, { name: 'Mateo Alvarez', avatar: '/avatars/people/03.jpg' }, { name: 'Aiko Watanabe', avatar: '/avatars/people/06.jpg' }, { name: 'ci-runner', avatar: null }, { name: 'Zara Osei', avatar: '/avatars/people/12.jpg' }, ]; const ACTIONS = [ 'member.invited', 'key.rotated', 'billing.plan_changed', 'webhook.retried', 'sso.enforced', 'export.requested', 'session.revoked', 'role.granted', ]; const TARGETS = ['workspace/driftlab', 'org/keelworks', 'project/atlas', 'team/platform']; const EVENTS: AuditEvent[] = Array.from({ length: 28 }, (_, index) => { const minute = 56 - index * 2; const hour = 15 + Math.floor(minute / 60); const actor = ACTORS[index % ACTORS.length]; return { id: `ev_${7200 - index}`, time: `${String(hour).padStart(2, '0')}:${String(((minute % 60) + 60) % 60).padStart(2, '0')}`, actor: actor.name, avatar: actor.avatar, action: ACTIONS[index % ACTIONS.length], target: TARGETS[index % TARGETS.length], ip: `203.0.113.${(index * 13) % 255}`, level: index % 13 === 4 ? 'error' : index % 6 === 2 ? 'warn' : 'info', }; }); const LEVEL_STYLE: Record = { info: 'text-neutral-500 dark:text-neutral-400', warn: 'text-amber-700 dark:text-amber-300', error: 'text-rose-700 dark:text-rose-300', }; const columns: DataTableColumn[] = [ { id: 'time', header: 'Time', sortable: true, value: (row) => row.time, cell: (row) => {row.time}, }, { id: 'actor', header: 'Actor', sortable: true, value: (row) => row.actor, cell: (row) => ( {row.avatar ? ( /* eslint-disable-next-line @next/next/no-img-element */

) : ( )} {row.actor} ), }, { id: 'action', header: 'Action', sortable: true, value: (row) => row.action, cell: (row) => {row.action}, }, { id: 'target', header: 'Target', hideBelow: 'lg', value: (row) => row.target }, { id: 'ip', header: 'IP', hideBelow: 'md', value: (row) => row.ip, cell: (row) => {row.ip}, }, { id: 'level', header: 'Level', sortable: true, value: (row) => row.level, cell: (row) => ( ), }, ]; export function AuditLogTable({ variant = 'Pinned' }: { variant?: 'Pinned' | 'Paged' }) { const pinned = variant === 'Pinned'; return (

row.id} rowLabel={(row) => `${row.action} at ${row.time}`} caption="Audit events for this workspace, newest first." variant="bordered" density="compact" searchable searchPlaceholder="Search events" quickFilter={{ columnId: 'level', label: 'Filter by level' }} resizableColumns pinFirstColumn stickyHeader={pinned} maxHeight={pinned ? 340 : undefined} pageSize={pinned ? undefined : 8} defaultSort={{ columnId: 'time', direction: 'desc' }} />

); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@spectrumui","registryDependencies":["@spectrumui/data-table"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/spectrumui/blocks/tables/audit-log-table.tsx","content":"$52","type":"registry:block","target":"components/spectrumui/blocks/tables/audit-log-table.tsx"}],"className":"h-[70svh] min-h-80"}]]}]