{
  "$schema": "https://neoncite-ui.brunopetrovic33.workers.dev/r/schema.json",
  "name": "dashboard-activity",
  "type": "registry:block",
  "description": "Requires recharts >=2.0.0 as a peer dependency.",
  "dependencies": [
    "recharts"
  ],
  "registryDependencies": [
    "badge",
    "button",
    "chart",
    "separator"
  ],
  "integrity": "sha256-92bmzW74CRd59tzzsjMUGAgK0LzJxVs+6X82TkNsCZU=",
  "files": [
    {
      "path": "components/neoncite/blocks/dashboard-activity.tsx",
      "content": "import { Badge } from \"@/registry/ui/badge\";\nimport { Button } from \"@/registry/ui/button\";\nimport { Separator } from \"@/registry/ui/separator\";\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"@/registry/ui/chart\";\nimport { AreaChart, Area, XAxis, YAxis, CartesianGrid } from \"recharts\";\nimport { chartConfig, chartData } from \"@/routes/-blocks.data\";\n\nexport function DashboardActivity() {\n  return (\n    <div className=\"rounded-[20px] border border-[color:var(--hairline)] bg-[color:var(--surface-0)] overflow-hidden\">\n      <header className=\"px-6 py-4 border-b border-[color:var(--hairline)] bg-[color:var(--surface-1)] flex items-center justify-between\">\n        <div>\n          <h3 className=\"text-[16px] font-semibold neon-white\">Network Activity</h3>\n          <p className=\"text-[12px] text-muted-foreground\">\n            Requests and latency over the last 7 days\n          </p>\n        </div>\n        <Badge variant=\"pink\">Live</Badge>\n      </header>\n\n      <div className=\"grid lg:grid-cols-4 divide-y lg:divide-y-0 lg:divide-x divide-[color:var(--hairline)]\">\n        {/* Sidebar Metrics */}\n        <div className=\"p-6 space-y-6 lg:col-span-1 bg-[color:var(--surface-1)]/50\">\n          <div className=\"space-y-1\">\n            <span className=\"font-mono text-[10px] uppercase tracking-widest text-muted-foreground\">\n              Total Requests\n            </span>\n            <div className=\"text-[32px] font-mono font-bold neon-white tabular-nums tracking-tighter\">\n              19,550\n            </div>\n            <div className=\"flex items-center gap-1.5 text-[12px]\">\n              <span className=\"text-[var(--neon-green)]\">↑ 12%</span>\n              <span className=\"text-muted-foreground\">vs last week</span>\n            </div>\n          </div>\n          <Separator />\n          <div className=\"space-y-1\">\n            <span className=\"font-mono text-[10px] uppercase tracking-widest text-muted-foreground\">\n              Avg Latency\n            </span>\n            <div className=\"text-[32px] font-mono font-bold neon-cyan tabular-nums tracking-tighter\">\n              142ms\n            </div>\n            <div className=\"flex items-center gap-1.5 text-[12px]\">\n              <span className=\"text-[var(--neon-green)]\">↓ 8ms</span>\n              <span className=\"text-muted-foreground\">vs last week</span>\n            </div>\n          </div>\n          <Separator />\n          <div className=\"space-y-4 pt-2\">\n            <Button variant=\"primary\" className=\"w-full\">\n              View Logs\n            </Button>\n            <Button variant=\"outline\" className=\"w-full\">\n              Export Data\n            </Button>\n          </div>\n        </div>\n\n        {/* Chart Area */}\n        <div className=\"p-6 lg:col-span-3\">\n          <ChartContainer config={chartConfig} className=\"w-full h-[300px]\">\n            <AreaChart data={chartData} margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>\n              <defs>\n                <linearGradient id=\"colorReq\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"5%\" stopColor=\"var(--neon-pink)\" stopOpacity={0.3} />\n                  <stop offset=\"95%\" stopColor=\"var(--neon-pink)\" stopOpacity={0} />\n                </linearGradient>\n                <linearGradient id=\"colorLat\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"5%\" stopColor=\"var(--neon-cyan)\" stopOpacity={0.3} />\n                  <stop offset=\"95%\" stopColor=\"var(--neon-cyan)\" stopOpacity={0} />\n                </linearGradient>\n              </defs>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--hairline)\" vertical={false} />\n              <XAxis\n                dataKey=\"name\"\n                stroke=\"var(--muted-foreground)\"\n                fontSize={12}\n                tickLine={false}\n                axisLine={false}\n                dy={10}\n              />\n              <YAxis\n                stroke=\"var(--muted-foreground)\"\n                fontSize={12}\n                tickLine={false}\n                axisLine={false}\n                tickFormatter={(value) => `${value}`}\n                dx={-10}\n              />\n              <ChartTooltip content={<ChartTooltipContent />} />\n              <Area\n                type=\"monotone\"\n                dataKey=\"requests\"\n                stroke=\"var(--neon-pink)\"\n                strokeWidth={2}\n                fillOpacity={1}\n                fill=\"url(#colorReq)\"\n              />\n              <Area\n                type=\"monotone\"\n                dataKey=\"latency\"\n                stroke=\"var(--neon-cyan)\"\n                strokeWidth={2}\n                fillOpacity={1}\n                fill=\"url(#colorLat)\"\n              />\n            </AreaChart>\n          </ChartContainer>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "integrity": "sha256-92bmzW74CRd59tzzsjMUGAgK0LzJxVs+6X82TkNsCZU=",
      "type": "registry:block",
      "target": ""
    }
  ]
}