React Components

Ready-to-use React components for Agent Hustle integration with streaming and non-streaming support.

Component Overview

The Agent Hustle React components provide complete chat interfaces with the following features:

  • Standard Component: Non-streaming chat with immediate responses
  • Streaming Component: Real-time streaming responses with live updates
  • Cross-page State: Persistent state management with useAgentHustle hook
  • Debug Mode: Hidden by default, toggleable tool call and debug information
  • Settings Management: API key, base URL, and vault ID configuration
  • Attachment Support: File upload and attachment management

🚀 Quick Start

1. Install the hook and components in your React app

2. Configure API settings using the useAgentHustle hook

3. Choose between standard or streaming components

4. Toggle debug mode to view tool calls and internal data

Live Demo

Standard (Non-Streaming)

Authentication Required

Sign in to access Agent Hustle chat functionality

Non-Streaming Chat

Response:

Response will appear here...

Streaming

Authentication Required

Sign in to access Agent Hustle chat functionality

Streaming Chat

Response:

Response will appear here...