{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "execution-status",
  "title": "ExecutionStatus",
  "description": "A badge component that displays the execution state of a notebook cell. Shows queued, running, or error states.",
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "registry/cell/ExecutionStatus.tsx",
      "content": "import type React from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\n\ninterface ExecutionStatusProps {\n  executionState: string;\n}\n\nexport const ExecutionStatus: React.FC<ExecutionStatusProps> = ({\n  executionState,\n}) => {\n  switch (executionState) {\n    case \"idle\":\n      return null;\n    case \"queued\":\n      return (\n        <Badge\n          data-slot=\"execution-status\"\n          variant=\"secondary\"\n          className=\"h-5 text-xs\"\n        >\n          Queued\n        </Badge>\n      );\n    case \"running\":\n      return (\n        <Badge\n          data-slot=\"execution-status\"\n          variant=\"outline\"\n          className=\"h-5 border-blue-200 bg-blue-50 text-xs text-blue-700\"\n        >\n          <div className=\"mr-1 h-2 w-2 animate-spin rounded-full border border-blue-600 border-t-transparent\"></div>\n          Running\n        </Badge>\n      );\n    case \"error\":\n      return (\n        <Badge\n          data-slot=\"execution-status\"\n          variant=\"outline\"\n          className=\"h-5 border-red-200 bg-red-50 text-xs text-red-700\"\n        >\n          Error\n        </Badge>\n      );\n    default:\n      return null;\n  }\n};\n",
      "type": "registry:component",
      "target": "components/cell/ExecutionStatus.tsx"
    }
  ],
  "type": "registry:component"
}