@lov3kaizen/agentsea-react

@lov3kaizen/agentsea-react

React components for rendering AgentSea agent responses with formatting support.

Features

• Markdown rendering with GitHub Flavored Markdown support
• Code syntax highlighting
• Streaming response support
• Customizable styling

Installation

npm install @lov3kaizen/agentsea-react @lov3kaizen/agentsea-core react react-dom
# or
pnpm add @lov3kaizen/agentsea-react @lov3kaizen/agentsea-core react react-dom
# or
yarn add @lov3kaizen/agentsea-react @lov3kaizen/agentsea-core react react-dom

Quick Start

import { AgentResponse } from '@lov3kaizen/agentsea-react';

function ChatMessage({ content }: { content: string }) {
  return <AgentResponse content={content} />;
}

Components

AgentResponse

Renders agent response content with markdown formatting:

import { AgentResponse } from '@lov3kaizen/agentsea-react';

<AgentResponse
  content="# Hello World\n\nThis is **markdown** content."
  className="my-response"
/>;

StreamingResponse

For streaming responses:

import { StreamingResponse } from '@lov3kaizen/agentsea-react';

<StreamingResponse content={streamingContent} isStreaming={true} />;

Styling

Components can be styled using CSS classes or inline styles:

<AgentResponse
  content={content}
  className="custom-response"
  style={{ maxWidth: '600px' }}
/>

Documentation

Full documentation available at agentsea.dev

Related Packages

• @lov3kaizen/agentsea-core - Core library
• @lov3kaizen/agentsea-nestjs - NestJS integration
• @lov3kaizen/agentsea-cli - Command-line interface

License

MIT License - see LICENSE for details