Chain of Thought

Collapsible reasoning panel with a brain icon header and italic thought bullets on a left border rail.

Thought for 8 seconds

User wants to rate limit 100 req/min per key.

Leaky bucket gives smoother traffic than fixed window.

Redis INCR with TTL is the simplest implementation.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Ai24 } from "@/components/beste/piece/ai24";

<Ai24
  title="Thought for 8 seconds"
  duration="8s"
  thoughts={[
    "User wants to rate limit 100 req/min per key.",
    "Leaky bucket gives smoother traffic than fixed window.",
    "Redis INCR with TTL is the simplest implementation."
  ]}
  tone="violet"
/>