AI searchPro

• Streamed reasoning
• Inline citations
• Source cards
• Follow-up questions

• Docs search, research assistants and knowledge bases.

• Open-ended chat: use the AI chat block.

Import it from @/components/blocks/ai-search after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { AiSearch } from "@/components/blocks/ai-search";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <AiSearch />
    </main>
  );
}

• The answer is marked aria-busy while streaming; citation marks link to their sources.

• Reasoning steps appear one by one then fold; the answer types out with a cursor; related questions fade in last.

• Single column; sources go 2-up from 640px.

• Streams by revealing characters of a known answer; swap in your token stream.

• Return citations as indices into your sources array, as in ANSWER.