Activity Feed

Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.

Activity
Ada Lovelacejoined
2m
Marcus R.created Project Orion
14m
Priya S.edited Onboarding doc
1h
Tomás L.archived Q1 specs
3h

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Dashboard4 } from "@/components/beste/piece/dashboard4";

<Dashboard4
  headerLabel="Activity"
  events={[
    {
      "type": "signup",
      "actor": "Ada Lovelace",
      "action": "joined",
      "time": "2m"
    },
    {
      "type": "create",
      "actor": "Marcus R.",
      "action": "created Project Orion",
      "time": "14m"
    },
    {
      "type": "update",
      "actor": "Priya S.",
      "action": "edited Onboarding doc",
      "time": "1h"
    },
    {
      "type": "delete",
      "actor": "Tomás L.",
      "action": "archived Q1 specs",
      "time": "3h"
    }
  ]}
/>