60: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62:T14de,// title: Audit Log //biome-ignore-all lint/suspicious/noArrayIndexKey: <> import { Avatar, AvatarFallback, AvatarImage, } from "@/registry/default/ui/avatar"; import { Badge } from "@/registry/default/ui/badge"; import { Frame, FramePanel } from "@/registry/default/ui/frame"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/registry/default/ui/table"; type ActionType = | "login" | "export" | "delete" | "invite" | "update" | "create"; const actionVariant: Record< ActionType, "success" | "info" | "destructive" | "warning" | "outline" > = { create: "success", delete: "destructive", export: "outline", invite: "info", login: "outline", update: "warning", }; const logs = [ { action: "delete" as ActionType, actor: { avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&dpr=2&q=80", email: "olivia@example.com", name: "Olivia Martin", }, ip: "192.168.1.42", resource: "Project · Mobile App", time: "2 min ago", }, { action: "invite" as ActionType, actor: { avatar: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=96&h=96&dpr=2&q=80", email: "jackson@example.com", name: "Jackson Lee", }, ip: "10.0.0.15", resource: "User · sofia@example.com", time: "18 min ago", }, { action: "export" as ActionType, actor: { avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=96&h=96&dpr=2&q=80", email: "isabella@example.com", name: "Isabella Nguyen", }, ip: "203.0.113.7", resource: "Report · Q1 2025", time: "1 hr ago", }, { action: "update" as ActionType, actor: { avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=96&h=96&dpr=2&q=80", email: "william@example.com", name: "William Kim", }, ip: "172.16.0.3", resource: "Settings · Billing", time: "3 hr ago", }, { action: "login" as ActionType, actor: { avatar: "https://images.unsplash.com/photo-1519699047748-de8e457a634e?w=96&h=96&dpr=2&q=80", email: "sofia@example.com", name: "Sofia Davis", }, ip: "198.51.100.22", resource: "Auth · Password", time: "5 hr ago", }, { action: "create" as ActionType, actor: { avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&dpr=2&q=80", email: "olivia@example.com", name: "Olivia Martin", }, ip: "192.168.1.42", resource: "API Key · Production", time: "Yesterday", }, ]; export function Pattern() { return (

Audit Log

{logs.length} recent events

Actor Action Resource IP Address Time {logs.map((log, i) => (

{log.actor.name .split(" ") .map((n) => n[0]) .join("")}

{log.actor.name} {log.actor.email}

{log.action} {log.resource} {log.ip} {log.time} ))}

); } 5f:["$","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,["$","$L60",null,{"namespace":"@registrydirectory","registryDependencies":["@cnippet/table"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"registry/default/variants/v-table-10.tsx","content":"$62","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]