{
  "$schema": "https://neoncite-ui.brunopetrovic33.workers.dev/r/schema.json",
  "name": "telemetry-dashboard",
  "type": "registry:block",
  "dependencies": [],
  "registryDependencies": [
    "gauge",
    "latency-indicator",
    "sparkline-metric",
    "system-health",
    "telemetry-panel"
  ],
  "integrity": "sha256-cno1hoCnqA0wjT4BalrC3EbRXpjdz/QK3EHTsI5vynw=",
  "files": [
    {
      "path": "components/neoncite/blocks/telemetry-dashboard.tsx",
      "content": "import { Gauge } from \"@/registry/ui/gauge\";\nimport { LatencyIndicator } from \"@/registry/ui/latency-indicator\";\nimport { SparklineMetric } from \"@/registry/ui/sparkline-metric\";\nimport { SystemHealth } from \"@/registry/ui/system-health\";\nimport { TelemetryHeader, TelemetryPanel, TelemetryRow } from \"@/registry/ui/telemetry-panel\";\n\nexport function TelemetryDashboard() {\n  return (\n    <div className=\"rounded-[18px] border border-[color:var(--hairline)] bg-[color:var(--surface-0)] p-5\">\n      <div className=\"mb-5 flex items-end justify-between\">\n        <div>\n          <div className=\"font-mono text-[10px] uppercase tracking-widest text-muted-foreground\">\n            Telemetry\n          </div>\n          <h3 className=\"mt-1 font-mono text-xl font-bold text-foreground\">Runtime overview</h3>\n        </div>\n        <LatencyIndicator value={84} />\n      </div>\n      <div className=\"grid gap-4 lg:grid-cols-[1fr_1.25fr]\">\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <SparklineMetric\n            label=\"Requests/s\"\n            value=\"14.2k\"\n            delta=\"+8.4%\"\n            data={[8, 12, 10, 16, 18, 15, 24]}\n          />\n          <SparklineMetric\n            label=\"Errors\"\n            value=\"0.4%\"\n            delta=\"-0.1%\"\n            data={[4, 3, 3, 2, 4, 2, 1]}\n            accent=\"var(--neon-red)\"\n          />\n          <div className=\"flex items-center justify-center rounded-[14px] border border-[color:var(--hairline)] bg-[color:var(--surface-1)] p-4\">\n            <Gauge value={72} label=\"CPU\" unit=\"%\" />\n          </div>\n          <SystemHealth\n            checks={[\n              { label: \"API\", status: \"online\", value: \"42ms\" },\n              { label: \"Queue\", status: \"warning\", value: \"1.2s\" },\n              { label: \"Database\", status: \"online\", value: \"18ms\" },\n            ]}\n          />\n        </div>\n        <TelemetryPanel>\n          <TelemetryHeader>\n            <span>Service</span>\n            <span>Value</span>\n          </TelemetryHeader>\n          <TelemetryRow label=\"Throughput\" value=\"8.4 GB/s\" tone=\"cyan\" />\n          <TelemetryRow label=\"Connections\" value=\"2,482\" tone=\"green\" />\n          <TelemetryRow label=\"Cache hit\" value=\"96.8%\" tone=\"purple\" />\n          <TelemetryRow label=\"Queue depth\" value=\"184\" tone=\"yellow\" />\n        </TelemetryPanel>\n      </div>\n    </div>\n  );\n}\n",
      "integrity": "sha256-cno1hoCnqA0wjT4BalrC3EbRXpjdz/QK3EHTsI5vynw=",
      "type": "registry:block",
      "target": ""
    }
  ]
}