RAG Pipeline

Horizontal pipeline diagram with tone-tinted stage nodes connected by arrows, showing the path from query to answer.

Query

Retrieve

Rerank

Answer

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

Import & use

import { Ai38 } from "@/components/beste/piece/ai38";

<Ai38
  steps={[
    "Query",
    "Retrieve",
    "Rerank",
    "Answer"
  ]}
  tone="violet"
/>