{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "command-center",
  "type": "registry:component",
  "title": "Command center",
  "description": "A React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a command palette dialog opened from the header action.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/command-dialog.json",
    "https://ui.minidev.pro/r/kpi-row.json",
    "https://ui.minidev.pro/r/page-header.json"
  ],
  "files": [
    {
      "path": "registry/blocks/command-center.tsx",
      "type": "registry:ui",
      "target": "components/ui/command-center.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { PageHeader } from \"@/components/ui/page-header\"\nimport { Button } from \"@/components/ui/button\"\nimport { CommandDialog } from \"@/components/ui/command-dialog\"\nimport { KpiRow } from \"@/components/ui/kpi-row\"\nfunction CommandCenter() {\n  const [open, setOpen] = React.useState(false)\n  return (\n    <div data-slot=\"command-center\" className=\"space-y-4\">\n      <PageHeader title=\"Command center\" actions={<Button size=\"sm\" variant=\"outline\" onClick={() => setOpen(true)}>Commands</Button>} />\n      <KpiRow items={[{ label: \"Agents\", value: \"3\" }, { label: \"Jobs\", value: \"18\" }, { label: \"Failures\", value: \"0\" }, { label: \"Latency\", value: \"110ms\" }]} />\n      <CommandDialog\n        open={open}\n        onOpenChange={setOpen}\n        commands={[\n          { id: \"1\", label: \"Run audit\" },\n          { id: \"2\", label: \"Open gallery\" },\n          { id: \"3\", label: \"Ship registry\" },\n        ]}\n      />\n    </div>\n  )\n}\nexport { CommandCenter }\n"
    }
  ]
}
