{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "activity-1",
  "description": "A standalone Recent Activity card with avatar rows, each showing the actor, action, target, and relative time. A workspace activity feed for dashboards and profiles.",
  "dependencies": [
    "@remixicon/react",
    "@base-ui/react"
  ],
  "registryDependencies": [
    "avatar",
    "card"
  ],
  "files": [
    {
      "path": "registry/blocks/activity/1/activity-block.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\n\ntype Event = {\n  id: string\n  actor: string\n  initials: string\n  avatar: string\n  action: string\n  target: string\n  time: string\n}\n\nconst events: Event[] = [\n  {\n    id: \"merge-main\",\n    actor: \"Mara Ellis\",\n    initials: \"ME\",\n    avatar: \"https://i.pravatar.cc/80?img=47\",\n    action: \"merged a pull request into\",\n    target: \"main\",\n    time: \"12 Min Ago\",\n  },\n  {\n    id: \"deploy-v241\",\n    actor: \"Leo Tanaka\",\n    initials: \"LT\",\n    avatar: \"https://i.pravatar.cc/80?img=12\",\n    action: \"deployed\",\n    target: \"v2.4.1 to production\",\n    time: \"1 Hour Ago\",\n  },\n  {\n    id: \"comment-roadmap\",\n    actor: \"Priya Nair\",\n    initials: \"PN\",\n    avatar: \"https://i.pravatar.cc/80?img=32\",\n    action: \"commented on\",\n    target: \"Q3 Roadmap\",\n    time: \"3 Hours Ago\",\n  },\n  {\n    id: \"invite-members\",\n    actor: \"Owen Brooks\",\n    initials: \"OB\",\n    avatar: \"https://i.pravatar.cc/80?img=53\",\n    action: \"invited\",\n    target: \"two new members\",\n    time: \"5 Hours Ago\",\n  },\n  {\n    id: \"close-482\",\n    actor: \"Sasha Kim\",\n    initials: \"SK\",\n    avatar: \"https://i.pravatar.cc/80?img=48\",\n    action: \"closed issue\",\n    target: \"#482\",\n    time: \"Yesterday\",\n  },\n]\n\nexport default function ActivityBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-muted/30 px-6 py-16 text-foreground\">\n      <Card className=\"w-full max-w-md\">\n        <CardHeader>\n          <CardTitle>Activity</CardTitle>\n          <CardDescription>\n            Recent actions across your workspace.\n          </CardDescription>\n        </CardHeader>\n\n        <CardContent>\n          <ul className=\"flex flex-col divide-y divide-border\">\n            {events.map((event) => (\n              <li\n                key={event.id}\n                className=\"flex items-center gap-3 py-3 first:pt-0 last:pb-0\"\n              >\n                <Avatar className=\"size-8 border border-border\">\n                  <AvatarImage\n                    src={event.avatar}\n                    alt={event.actor}\n                    className=\"grayscale\"\n                  />\n                  <AvatarFallback className=\"text-xs\">\n                    {event.initials}\n                  </AvatarFallback>\n                </Avatar>\n                <p className=\"flex-1 text-sm text-muted-foreground\">\n                  <span className=\"font-medium text-foreground\">\n                    {event.actor}\n                  </span>{\" \"}\n                  {event.action}{\" \"}\n                  <span className=\"font-medium text-foreground\">\n                    {event.target}\n                  </span>\n                </p>\n                <span className=\"shrink-0 text-xs text-muted-foreground tabular-nums\">\n                  {event.time}\n                </span>\n              </li>\n            ))}\n          </ul>\n        </CardContent>\n      </Card>\n    </section>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "height": "50vh",
    "tier": "free"
  },
  "categories": [
    "activity"
  ],
  "type": "registry:block"
}