2f:I[18486,["/_next/static/chunks/3zk55npp9bf01.js","/_next/static/chunks/3knkywys2hkh9.js","/_next/static/chunks/2fcjhy-fz5wnq.js","/_next/static/chunks/0b29fkwlbx2p4.js","/_next/static/chunks/3vqyiv2v25v6h.js","/_next/static/chunks/2tex7xqe6exb2.js","/_next/static/chunks/3rvimhctlr4-r.js","/_next/static/chunks/2qrdos7bay7xd.js","/_next/static/chunks/1zu63xz0sut2q.js","/_next/static/chunks/3s_vtn9-o6axf.js","/_next/static/chunks/0tjcxouu9yygq.js","/_next/static/chunks/00qnunoym8707.js","/_next/static/chunks/36dqcnwhlmhvd.js","/_next/static/chunks/3fc93fmtajepe.js","/_next/static/chunks/3qyzbdc59bipe.js","/_next/static/chunks/2wn6uqhj_7ar8.js","/_next/static/chunks/2ugulmxbv5uj0.js","/_next/static/chunks/3i_85ptr6ldt9.js","/_next/static/chunks/3no31har91fnf.js","/_next/static/chunks/2u_p_b-00dlbb.js","/_next/static/chunks/2s4u-e7v8s32w.js","/_next/static/chunks/03lv2zpbrnsm6.js","/_next/static/chunks/09ryh04ih0u3m.js","/_next/static/chunks/2t7-2l4drt60j.js","/_next/static/chunks/2ajvsktgf6m-p.js","/_next/static/chunks/3ibi-mun41tg8.js","/_next/static/chunks/0ys5fqsi-2imd.js","/_next/static/chunks/0bx1jeef0z_qt.js","/_next/static/chunks/03zmd-m4rfp4v.js","/_next/static/chunks/203gxar08ia6h.js","/_next/static/chunks/1n-tt9-3lg032.js","/_next/static/chunks/2uq2kbfclw4fg.js","/_next/static/chunks/0ht3fekr3tf-z.js","/_next/static/chunks/332qr_vlz8t9f.js","/_next/static/chunks/37fxrooh6apyh.js","/_next/static/chunks/3oi2f2hg83rth.js","/_next/static/chunks/2uvmwrp4luphi.js","/_next/static/chunks/0dgja_yzr_poi.js","/_next/static/chunks/1mwg_4l82b-k1.js","/_next/static/chunks/1pr2cjva2osew.js","/_next/static/chunks/172r_2v6ayun0.js","/_next/static/chunks/051do_f-zm8-n.js","/_next/static/chunks/3d2e2qew1t5n-.js","/_next/static/chunks/1s2n0m45xm-p8.js","/_next/static/chunks/380e_okshg0ij.js","/_next/static/chunks/03jw1cbs584gn.js","/_next/static/chunks/0cglpdiphg124.js","/_next/static/chunks/3xulgzd6wg1pk.js"],"ExpandableCode"] 30:Ta07d,

"use client";

import { FileText, Folder, KeyRound, Settings2 } from "lucide-react";
import {
  type AuditActor,
  type AuditEvent,
  AuditTrail,
} from "@/components/premium/audit-trail/audit-trail";

const people: AuditActor[] = [
  {
    id: "maya",
    name: "Maya Chen",
    avatarUrl:
      "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&fm=webp&q=80&w=96",
  },
  {
    id: "leo",
    name: "Leo Martin",
    avatarUrl:
      "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&fm=webp&q=80&w=96",
  },
  {
    id: "nina",
    name: "Nina Brooks",
    avatarUrl:
      "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&fm=webp&q=80&w=96",
  },
  { id: "automation", name: "Workspace automation", kind: "system" },
];
const today = { id: "2026-10-07", label: "Today" };
const yesterday = { id: "2026-10-06", label: "Yesterday" };
const events: AuditEvent[] = [
  {
    id: "evt_role_029",
    actor: people[0],
    action: "changed the role for",
    target: "Leo Martin",
    category: "Access",
    icon: <KeyRound />,
    occurredAt: "2026-10-07T10:42:00+05:30",
    timeLabel: "10:42 AM",
    day: today,
    description:
      "Leo can now edit documents and manage project content in the design workspace.",
    changes: [{ label: "Role", before: "Viewer", after: "Editor" }],
    metadata: [
      { label: "Workspace", value: "Product design" },
      { label: "Source", value: "Web app" },
      { label: "Request", value: "REQ-029" },
      { label: "IP address", value: "192.0.2.24" },
    ],
  },
  {
    id: "evt_publish_028",
    actor: people[2],
    action: "published",
    target: "Getting started guide",
    category: "Content",
    icon: <FileText />,
    occurredAt: "2026-10-07T10:18:00+05:30",
    timeLabel: "10:18 AM",
    day: today,
    description:
      "The updated setup guide is available to everyone in the workspace.",
    changes: [{ label: "Status", before: "Draft", after: "Published" }],
    metadata: [
      { label: "Collection", value: "Help center" },
      { label: "Revision", value: "12" },
      { label: "Source", value: "Web app" },
    ],
  },
  {
    id: "evt_settings_027",
    actor: people[1],
    action: "updated",
    target: "Workspace settings",
    category: "Workspace",
    icon: <Settings2 />,
    occurredAt: "2026-10-07T09:56:00+05:30",
    timeLabel: "9:56 AM",
    day: today,
    description: "Default preferences for new project members were updated.",
    changes: [
      { label: "Default role", before: "Editor", after: "Viewer" },
      { label: "Join requests", before: "Off", after: "On" },
      { label: "Project visibility", before: "Workspace", after: "Private" },
    ],
    metadata: [
      { label: "Workspace", value: "Product design" },
      { label: "Source", value: "Web app" },
    ],
  },
  {
    id: "evt_archive_026",
    actor: people[3],
    action: "archived",
    target: "Spring research",
    category: "Workspace",
    icon: <Folder />,
    occurredAt: "2026-10-07T09:30:00+05:30",
    timeLabel: "9:30 AM",
    day: today,
    description:
      "The project was archived after its completion window. Its documents remain available.",
    changes: [{ label: "Status", before: "Completed", after: "Archived" }],
    metadata: [
      { label: "Source", value: "Scheduled workflow" },
      { label: "Rule", value: "Archive completed projects after 30 days" },
    ],
  },
  {
    id: "evt_invite_025",
    actor: people[0],
    action: "invited",
    target: "Sam Rivera",
    category: "Access",
    icon: <KeyRound />,
    occurredAt: "2026-10-06T16:32:00+05:30",
    timeLabel: "4:32 PM",
    day: yesterday,
    description: "A new invitation was issued for the release project.",
    changes: [{ label: "Access", before: null, after: "Guest" }],
    metadata: [
      { label: "Project", value: "Autumn release" },
      { label: "Duration", value: "30 days" },
      { label: "Source", value: "Web app" },
    ],
  },
  {
    id: "evt_document_024",
    actor: people[2],
    action: "updated",
    target: "Release checklist",
    category: "Content",
    icon: <FileText />,
    occurredAt: "2026-10-06T15:10:00+05:30",
    timeLabel: "3:10 PM",
    day: yesterday,
    changes: [
      { label: "Owner", before: "Maya Chen", after: "Nina Brooks" },
      { label: "Due date", before: "Oct 10", after: "Oct 12" },
    ],
    metadata: [
      { label: "Project", value: "Autumn release" },
      { label: "Revision", value: "08" },
    ],
  },
  {
    id: "evt_revoke_023",
    actor: people[3],
    action: "removed expired access to",
    target: "Partner workspace",
    category: "Access",
    icon: <KeyRound />,
    occurredAt: "2026-10-06T14:05:00+05:30",
    timeLabel: "2:05 PM",
    day: yesterday,
    description:
      "The time-limited workspace permission ended at its scheduled expiry.",
    changes: [{ label: "Permission", before: "Guest", after: null }],
    metadata: [
      { label: "Source", value: "Scheduled workflow" },
      { label: "Policy", value: "Time-limited partner access" },
    ],
  },
];

export function AuditTrailPreview() {
  return <AuditTrail events={events} />;
}

2e:["$","$L2f",null,{"children":["$","div",null,{"className":"relative px-0 py-4 text-[13px] leading-relaxed [&_pre]:!bg-transparent [&_pre]:!p-0 [&_pre]:w-max [&_pre]:min-w-full [&_code]:font-mono [&_code]:text-[13px] [&_.shiki]:bg-transparent [&_.shiki]:text-[var(--shiki-light)] dark:[&_.shiki]:text-[var(--shiki-dark)] [&_.shiki_span]:text-[var(--shiki-light)] dark:[&_.shiki_span]:text-[var(--shiki-dark)] [&_.line]:px-5 [&_.highlighted]:border-blue-500 [&_.highlighted]:border-l-2 [&_.highlighted]:bg-(--color-fg)/[0.07] [&_.highlighted]:!pl-[18px] [&_.diff.add]:border-green-500 [&_.diff.add]:border-l-2 [&_.diff.add]:bg-green-500/10 [&_.diff.add]:!pl-[18px] [&_.diff.remove]:border-red-500 [&_.diff.remove]:border-l-2 [&_.diff.remove]:bg-red-500/10 [&_.diff.remove]:!pl-[18px] [&_.focused]:opacity-100 [&_pre:has(.focused)_.line:not(.focused)]:opacity-30 [&_pre:has(.focused)_.line:not(.focused)]:transition-opacity","dangerouslySetInnerHTML":{"__html":"$30"}}]}]

Audit Trail

Workspace history

Today4

Yesterday3

Install