{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "checkpoint",
  "title": "Checkpoint",
  "description": "A restore point in a conversation.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils",
    "https://ui.cuelark.com/r/theme.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/ui/checkpoint.tsx",
      "content": "import * as React from \"react\";\nimport { BookmarkIcon, RotateCcwIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype CheckpointProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n  label?: React.ReactNode;\n  time?: string;\n  onRestore?: () => void;\n};\n\n/** A restore point in a conversation: a dashed rule with a small pill; restoring rewinds the agent's work to here. */\nfunction Checkpoint({ label = \"Checkpoint\", time, onRestore, className, ...props }: CheckpointProps) {\n  return (\n    <div data-slot=\"checkpoint\" role=\"separator\" className={cn(\"flex items-center gap-3 text-xs text-muted-foreground\", className)} {...props}>\n      <span className=\"cue-dash-b h-px flex-1\" />\n      <span className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-card py-1 ps-2.5 pe-1 shadow-control\">\n        <BookmarkIcon className=\"size-3\" />\n        <span className=\"font-medium text-foreground\">{label}</span>\n        {time && <span className=\"font-mono\">{time}</span>}\n        {onRestore && (\n          <button type=\"button\" onClick={onRestore} className=\"relative ms-1 inline-flex h-5 items-center gap-1 rounded-full px-2 after:absolute after:-inset-y-2 after:inset-x-0 font-medium text-foreground outline-none hover:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50\">\n            <RotateCcwIcon className=\"size-3\" /> Restore\n          </button>\n        )}\n      </span>\n      <span className=\"cue-dash-b h-px flex-1\" />\n    </div>\n  );\n}\n\nexport { Checkpoint };\nexport type { CheckpointProps };\n",
      "type": "registry:ui"
    }
  ],
  "docs": "Docs and examples: https://ui.cuelark.com/components/checkpoint",
  "categories": [
    "agents"
  ],
  "type": "registry:ui"
}