Chat App

# Install dependencies
npm install

# Configure
cp .env.example .env.local
# Edit .env.local with your API key

# Set your API key in .env.local and run
npm run dev

import { PolpoProvider } from "@polpo-ai/react";

<PolpoProvider baseUrl={BASE_URL} apiKey={API_KEY} autoConnect={false}>
  <App />
</PolpoProvider>

const { agents } = useAgents();

// Renders a list of agents to choose from
{agents.map((a) => (
  <button onClick={() => setSelectedAgent(a.name)}>
    {a.name}
  </button>
))}

import { useChat } from "@polpo-ai/react";

const { messages, sendMessage, isStreaming, abort, sessionId } = useChat({
  agent: selectedAgent,
});

// Send a message — streaming and session tracking happen automatically
sendMessage("Explain the auth module");

const { client } = usePolpo();

const stream = client.chatCompletionsStream({
  messages: history,
  stream: true,
  agent: selectedAgent,
  sessionId: sessionId, // required to continue a conversation
});

for await (const chunk of stream) {
  const delta = chunk.choices?.[0]?.delta?.content;
  // Append delta to the current message
}

const { sessions, getMessages, deleteSession } = useSessions();

// Load a previous session
const msgs = await getMessages(sessionId);

// Delete a session
await deleteSession(sessionId);

const tc = choice.tool_call;
if (tc) {
  // Add to message's toolCalls array
}

const API_TARGET = process.env.POLPO_PROXY_TARGET ?? "http://api.polpo.localhost";