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:T1594,// title: Activity Log import { ActivityIcon } from "lucide-react"; import { Avatar, AvatarFallback, AvatarImage, } from "@/registry/default/ui/avatar"; import { Button } from "@/registry/default/ui/button"; import { Sheet, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPopup, SheetTitle, SheetTrigger, } from "@/registry/default/ui/sheet"; type EventType = "deploy" | "merge" | "comment" | "invite" | "update"; type ActivityEvent = { id: number; user: { name: string; avatar?: string; initials: string }; action: string; target: string; time: string; type: EventType; }; const typeBadge: Record = { comment: { className: "bg-info/8 text-info-foreground dark:bg-info/16", label: "Comment", }, deploy: { className: "bg-success/8 text-success-foreground dark:bg-success/16", label: "Deploy", }, invite: { className: "bg-muted text-foreground", label: "Invite", }, merge: { className: "bg-warning/8 text-warning-foreground dark:bg-warning/16", label: "Merge", }, update: { className: "bg-muted text-muted-foreground", label: "Update", }, }; const events: ActivityEvent[] = [ { action: "deployed", id: 1, target: "v2.4.1 to production", time: "Just now", type: "deploy", user: { avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=64&h=64&dpr=2&q=80", initials: "SC", name: "Sarah Chen", }, }, { action: "merged PR #84", id: 2, target: "feat/dark-mode into main", time: "18 min ago", type: "merge", user: { avatar: "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?w=64&h=64&dpr=2&q=80", initials: "MK", name: "Marcus Kim", }, }, { action: "commented on", id: 3, target: "issue #112: Layout shift", time: "42 min ago", type: "comment", user: { initials: "AJ", name: "Aisha Johnson" }, }, { action: "invited", id: 4, target: "priya@acme.dev as Editor", time: "2 hr ago", type: "invite", user: { initials: "SC", name: "Sarah Chen" }, }, { action: "updated", id: 5, target: "project description and README", time: "5 hr ago", type: "update", user: { avatar: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=64&h=64&dpr=2&q=80", initials: "LR", name: "Liam Rivera", }, }, { action: "deployed", id: 6, target: "v2.3.9 hotfix to production", time: "Yesterday", type: "deploy", user: { initials: "AJ", name: "Aisha Johnson" }, }, ]; export function Pattern() { return (

}> Activity Log Recent actions taken across this project.

{events.map((event, index) => { const badge = typeBadge[event.type]; return (

{index < events.length - 1 && (

)} {event.user.avatar && ( )} {event.user.initials}

{event.user.name} {event.action} {badge.label}

{event.target}

{event.time}

); })}

} > Close

); } 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/sheet"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"registry/default/variants/v-sheet-8.tsx","content":"$62","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]