{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "elements-stopped-run",
  "type": "registry:component",
  "title": "Stopped run",
  "description": "You pressed stop. The half-written answer stays, and continuing is one tap away.",
  "registryDependencies": [
    "https://r.assistant-ui.com/elements-surfaces.json"
  ],
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "type": "registry:component",
      "path": "components/assistant-ui/elements/stopped-run.tsx",
      "content": "\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { ArrowRightIcon, SquareIcon } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { field, mono } from \"./surfaces\";\n\nexport function StoppedRun({\n  words,\n  reason,\n  onContinue,\n  onDiscard,\n  className,\n  ...props\n}: Omit<\n  ComponentProps<\"div\">,\n  \"children\" | \"words\" | \"reason\" | \"onContinue\" | \"onDiscard\"\n> & {\n  words: readonly string[];\n  reason: string;\n  onContinue?: () => void;\n  onDiscard?: () => void;\n}) {\n  return (\n    <div\n      data-slot=\"stopped-run\"\n      className={cn(\"flex w-full max-w-sm flex-col gap-3\", className)}\n\n      {...props}\n    >\n      <p className=\"text-foreground/80 text-[13.5px] leading-relaxed\">\n        {words.join(\" \")}\n        <span\n          aria-hidden\n          className=\"bg-foreground/20 ms-1 inline-block h-[1em] w-[2px] translate-y-[0.15em] rounded-full\"\n        />\n      </p>\n\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={cn(\n            field,\n            mono,\n            \"text-foreground/45 inline-flex items-center gap-1.5 rounded-full px-2.5 py-1\",\n          )}\n        >\n          <SquareIcon className=\"size-2.5 fill-current\" />\n          {reason}\n        </span>\n\n        <button\n          type=\"button\"\n          onClick={onContinue}\n          className=\"text-foreground/70 hover:bg-foreground/[0.06] hover:text-foreground/95 ms-auto flex h-7 items-center gap-1 rounded-full px-2.5 text-xs font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]\"\n        >\n          Continue\n          <ArrowRightIcon className=\"size-3\" />\n        </button>\n        <button\n          type=\"button\"\n          onClick={onDiscard}\n          className=\"text-foreground/45 hover:bg-foreground/[0.06] hover:text-foreground/90 flex h-7 items-center rounded-full px-2.5 text-xs font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]\"\n        >\n          Discard\n        </button>\n      </div>\n    </div>\n  );\n}\n"
    }
  ]
}