{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "node-header-status",
	"type": "registry:ui",
	"title": "Node Header Status",
	"description": "A React Flow component that displays status indicators in node headers.",
	"dependencies": ["@xyflow/react"],
	"registryDependencies": ["badge"],
	"files": [
		{
			"path": "./src/registry/ui/flow/node-header-status.tsx",
			"content": "import { Badge } from \"@/components/ui/badge\";\nimport { cn } from \"@/lib/utils\";\n\nexport const NodeHeaderStatus = ({\n\tstatus,\n}: {\n\tstatus?: \"idle\" | \"processing\" | \"success\" | \"error\";\n}) => {\n\tconst statusColors = {\n\t\tidle: \"bg-muted text-muted-foreground\",\n\t\tprocessing: \"bg-orange-500 text-white\",\n\t\tsuccess: \"bg-green-500 text-white\",\n\t\terror: \"bg-red-500 text-white\",\n\t};\n\treturn (\n\t\t<Badge\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName={cn(\"mr-2 font-normal\", status && statusColors[status])}\n\t\t>\n\t\t\t{status ? status : \"idle\"}\n\t\t</Badge>\n\t);\n};\n\nNodeHeaderStatus.displayName = \"NodeHeaderStatus\";\n",
			"type": "registry:ui",
			"target": "components/flow/node-header-status.tsx"
		}
	]
}