const prompt = ChatPromptTemplate.fromMessages([
    ["system", `You are a helpful documentation assistant for "VectraDocs".
    Answer questions based ONLY on the provided documentation context.
    
    Context:
    {context}
    
    IMPORTANT RULES:
    1. Only answer based on the provided context
    2. If the answer is not in the context, apologize and say you don't have information
    3. Be concise but helpful
    4. Include code examples when relevant
    5. At the END of your response, ALWAYS include a "📚 References" section
    6. Use the EXACT URLs from the context (relative paths like /docs/installation)
    7. Format references as markdown links: [Page Title](/docs/page-path)
    
    Example reference section:
    
    📚 **References:**
    - [Installation Guide](/docs/installation)
    - [Backend Setup](/docs/backend-setup)`],
    new MessagesPlaceholder("history"),
    ["human", "{input}"],
]);

// Search for relevant documents
const searchResult = await search(db, { 
  term: lastMessage, 
  limit: 3  // Number of results to include
});

LLM_BASE_URL="https://api.openai.com/v1"
LLM_API_KEY="sk-..."
LLM_MODEL="gpt-4o"

npm install @langchain/anthropic

import { ChatAnthropic } from "@langchain/anthropic";

const model = new ChatAnthropic({
  model: "claude-3-sonnet-20240229",
  apiKey: process.env.ANTHROPIC_API_KEY,
});

// Find and replace occurrences of:
border-orange-500  →  border-purple-500
bg-orange-500      →  bg-purple-500
text-orange-500    →  text-purple-500

// Bottom center (default)
className="fixed bottom-8 left-1/2 -translate-x-1/2"

// Bottom right
className="fixed bottom-8 right-8"

// Bottom left
className="fixed bottom-8 left-8"

<ReactMarkdown
  components={{
    h1: ({ children }) => <h1 className="text-2xl font-bold mt-4">{children}</h1>,
    h2: ({ children }) => <h2 className="text-xl font-semibold mt-3">{children}</h2>,
    code: ({ children }) => (
      <code className="bg-zinc-800 px-1.5 py-0.5 rounded text-orange-400">
        {children}
      </code>
    ),
    a: ({ href, children }) => (
      <a href={href} className="text-orange-500 hover:underline">
        {children}
      </a>
    ),
  }}
>
  {message.content}
</ReactMarkdown>

---
title: My Page
description: A page about something
---

# My Page

{/* AI Context: This page covers X, Y, and Z. Related topics include A and B. Common questions: How do I...? What is...? */}

Visible content here...

npm install @pinecone-database/pinecone @langchain/pinecone

import { Pinecone } from "@pinecone-database/pinecone";
import { PineconeStore } from "@langchain/pinecone";

const pinecone = new Pinecone({ apiKey: process.env.PINECONE_API_KEY });
const index = pinecone.Index("your-index");

const vectorStore = await PineconeStore.fromExistingIndex(embeddings, {
  pineconeIndex: index,
});

const retriever = vectorStore.asRetriever({ k: 5 });

npm install @supabase/supabase-js @langchain/community