AgentProvider

Optional context provider for registering tool metadata. Use this to display tool names and descriptions in your UI without exposing server-side tool implementations.

import { AgentProvider } from "@allem-sdk/agents";

Props

PropTypeDefaultDescription
toolsAgentToolRegistration[]—Tool metadata for client-side display (names and descriptions)
children*ReactNode—Child components

Usage

import { AgentProvider, useAgentTools } from "@allem-sdk/agents";

const tools = [
  { name: "weather", description: "Get current weather" },
  { name: "search", description: "Search the web" },
];

function App() {
  return (
    <AgentProvider tools={tools}>
      <ToolList />
    </AgentProvider>
  );
}

function ToolList() {
  const tools = useAgentTools();
  return (
    <ul>
      {tools.map((t) => (
        <li key={t.name}>{t.name}: {t.description}</li>
      ))}
    </ul>
  );
}