UI Components

Install

pnpm add \
  https://github.com/ReByteAI/rebyte-agent-sdk/releases/latest/download/rebyte-agent-react.tgz \
  https://github.com/ReByteAI/rebyte-agent-sdk/releases/latest/download/rebyte-agent-ui.tgz

AgentChat

import { createFetchTransport } from "@rebyte/agent-react";
import { AgentChat } from "@rebyte/agent-ui";
import "@rebyte/agent-ui/styles.css";

const transport = createFetchTransport({
  url: "/api/responses",
  interruptUrl: "/api/conversations/interrupt",
});

export function App() {
  return (
    <AgentChat
      transport={transport}
      agentName="Research Agent"
      inspector
    />
  );
}

Use AgentChatView with useRebyteChat when the application should own the chat state.