4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T1eff,"use client" import * as React from "react" import { format, type Locale } from "date-fns" import { ptBR, enUS, es, fr } from "date-fns/locale" import { cn } from "@/lib/utils" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/ds-avatar" import { Badge } from "@/components/ui/ds-badge" import { Button } from "@/components/ui/ds-button" import { Skeleton } from "@/components/ui/skeleton" import { UI_I18N, type UILocale } from "@/lib/ui-i18n" const dateFnsLocales: Record = { "pt-BR": ptBR, "en-US": enUS, "es-ES": es, "fr-FR": fr, } // ── Types ── export interface ActivityFeedItem { /** * Unique item identifier. */ id: string /** * Actor performing the action. */ actor: { name: string avatarUrl?: string initials?: string } /** * Action phrase describing the event (e.g. "updated the model"). */ action: string /** * Target resource name. */ target?: string /** * Optional link to target resource. */ targetHref?: string /** * Timestamp string or Date object. */ timestamp: string | Date /** * Optional status severity. */ status?: "default" | "success" | "warning" | "destructive" /** * Status label displayed in a Badge. */ statusLabel?: string /** * Custom icon placed over or next to the node. */ icon?: React.ReactNode /** * Extended description, code diff, or payload summary. */ description?: React.ReactNode } export interface ActivityFeedProps extends React.HTMLAttributes { /** * Chronological list of events. */ items: ActivityFeedItem[] /** * Loading state. */ loading?: boolean /** * Message shown when items list is empty. */ emptyMessage?: string /** * Callback fired when clicking the view more button. */ onViewMore?: () => void /** * Locale for date formatting and labels. */ locale?: UILocale } // ── Component ── export const ActivityFeed = React.forwardRef( ( { items, loading = false, emptyMessage, onViewMore, locale = "pt-BR", className, ...props }, ref ) => { const t = UI_I18N[locale].activityFeed const dfLocale = dateFnsLocales[locale] const formatTimestamp = (ts: string | Date) => { if (typeof ts === "string") return ts return format(ts, "PPp", { locale: dfLocale }) } if (loading) { return (

{[1, 2, 3].map((i) => (

))}

) } if (items.length === 0) { return (

{emptyMessage ?? t.empty}

) } const getInitials = (name: string, initials?: string) => { if (initials) return initials const parts = name.trim().split(" ") if (parts.length === 1) return parts[0].substring(0, 2).toUpperCase() return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase() } return (

{!isLast && ( )}
{item.actor.avatarUrl && ( )} {getInitials(item.actor.name, item.actor.initials)}

{item.actor.name} {item.action} {item.target && (item.targetHref ? ( {item.target} ) : ( {item.target} ))} {item.statusLabel && ( {item.statusLabel} )}
{formatTimestamp(item.timestamp)} {item.description && (
{item.description}
)}

{onViewMore && (

)}

) } ) ActivityFeed.displayName = "ActivityFeed" 4b:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","date-fns",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/date-fns","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"date-fns"}]]}]}]]}],["$","$L4c",null,{"namespace":"@lema-ds","registryDependencies":["avatar","badge","button","skeleton","ui-i18n"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"components/ds/activity-feed.tsx","content":"$4e","type":"registry:ui","target":"components/ui/ds-activity-feed.tsx"}],"className":"h-[70svh] min-h-80"}]]}]