{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "elements-thinking-indicator",
  "type": "registry:component",
  "title": "Thinking indicator",
  "description": "A live status line that names what the agent is doing right now, with elapsed time.",
  "registryDependencies": [
    "https://r.assistant-ui.com/elements-surfaces.json"
  ],
  "files": [
    {
      "type": "registry:component",
      "path": "components/assistant-ui/elements/thinking-indicator.tsx",
      "sourcePath": "packages/ui/src/components/react/assistant-ui/elements/thinking-indicator.tsx",
      "content": "\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { mono, ShimmerLabel } from \"./surfaces\";\n\nexport function ThinkingIndicator({\n  label,\n  elapsed,\n  className,\n  ...props\n}: Omit<ComponentProps<\"div\">, \"children\" | \"label\" | \"elapsed\"> & {\n  label: string;\n  elapsed?: string;\n}) {\n  return (\n    <div\n      data-slot=\"thinking-indicator\"\n      className={cn(\n        \"text-foreground/55 flex items-center gap-2.5 text-sm\",\n        className,\n      )}\n\n      {...props}\n    >\n      <span\n        aria-hidden\n        className=\"size-1.5 shrink-0 animate-pulse rounded-full bg-blue-500 motion-reduce:animate-none dark:bg-blue-400\"\n      />\n      <ShimmerLabel\n        key={label}\n        className=\"fade-in slide-in-from-bottom-1 animate-in relative inline-block leading-none duration-300\"\n      >\n        {label}\n      </ShimmerLabel>\n      {elapsed !== undefined && (\n        <span className={cn(mono, \"text-foreground/30 tabular-nums\")}>\n          {elapsed}\n        </span>\n      )}\n    </div>\n  );\n}\n"
    }
  ]
}