{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hud-command",
  "type": "registry:ui",
  "title": "HUD Command",
  "description": "Command palette (cmdk): > prompt, accent active rail, hint footer.",
  "dependencies": [
    "cmdk"
  ],
  "registryDependencies": [
    "utils",
    "https://sf-fleet-hud.vercel.app/r/hud-dialog.json"
  ],
  "files": [
    {
      "path": "registry/hud/hud-command.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { cn } from \"@/lib/utils\"\nimport {\n  HudDialog,\n  HudDialogContent,\n  HudDialogDescription,\n  HudDialogTitle,\n} from \"@/registry/hud/hud-dialog\"\n\nfunction HudCommand({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      className={cn(\n        \"relative flex w-full flex-col overflow-hidden border border-[#3A3E42] bg-popover shadow-[0_24px_48px_rgba(0,0,0,0.7)]\",\n        \"before:pointer-events-none before:absolute before:-top-px before:-left-px before:z-10 before:size-3 before:border-t before:border-l before:border-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction HudCommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run\",\n  children,\n  ...props\n}: React.ComponentProps<typeof HudDialog> & { title?: string; description?: string }) {\n  return (\n    <HudDialog {...props}>\n      <HudDialogContent className=\"max-w-[560px] border-none p-0 shadow-none before:hidden after:hidden\">\n        <HudDialogTitle className=\"sr-only\">{title}</HudDialogTitle>\n        <HudDialogDescription className=\"sr-only\">{description}</HudDialogDescription>\n        <HudCommand>{children}</HudCommand>\n      </HudDialogContent>\n    </HudDialog>\n  )\n}\n\nfunction HudCommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div className=\"flex items-center gap-2.5 border-b border-[#1D2023] px-4 py-3\">\n      <span aria-hidden className=\"font-mono text-xs text-primary\">\n        &gt;\n      </span>\n      <CommandPrimitive.Input\n        className={cn(\n          \"flex-1 bg-transparent font-mono text-xs tracking-[0.1em] text-foreground outline-none placeholder:text-[#4A5054]\",\n          className\n        )}\n        {...props}\n      />\n      <span className=\"border border-border px-1.5 py-0.5 font-mono text-[10px] tracking-[0.1em] text-[#4A5054]\">\n        ESC\n      </span>\n    </div>\n  )\n}\n\nfunction HudCommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      className={cn(\"max-h-[320px] overflow-y-auto pt-1.5 pb-2.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction HudCommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      className={cn(\n        \"px-4 py-6 text-center font-mono text-[10px] uppercase tracking-[0.14em] text-[#4A5054]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction HudCommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      className={cn(\n        \"[&_[cmdk-group-heading]]:px-4 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:font-mono [&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.2em] [&_[cmdk-group-heading]]:text-[#4A5054]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction HudCommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      className={cn(\n        \"flex cursor-pointer items-center justify-between gap-4 border-l-2 border-transparent px-4 py-2 font-mono text-[11px] tracking-[0.08em] text-[#9AA0A4] outline-none\",\n        \"data-[selected=true]:border-primary data-[selected=true]:bg-accent data-[selected=true]:text-foreground\",\n        \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction HudCommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return <span className={cn(\"font-mono text-[10px] text-[#4A5054]\", className)} {...props} />\n}\n\nfunction HudCommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator className={cn(\"my-1 h-px bg-[#1D2023]\", className)} {...props} />\n  )\n}\n\nfunction HudCommandFooter({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex gap-4 border-t border-[#1D2023] px-4 py-2 font-mono text-[10px] tracking-[0.1em] text-[#4A5054]\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <span>↑↓ NAVIGATE</span>\n          <span>⏎ EXECUTE</span>\n          <span className=\"ml-auto\">⌘K</span>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport {\n  HudCommand,\n  HudCommandDialog,\n  HudCommandInput,\n  HudCommandList,\n  HudCommandEmpty,\n  HudCommandGroup,\n  HudCommandItem,\n  HudCommandShortcut,\n  HudCommandSeparator,\n  HudCommandFooter,\n}\n",
      "type": "registry:ui"
    }
  ]
}