@jutech-auth/agent-sdk

@my-org/agent-widget

Embeddable AI agent chat widget for any website.

Installation

```bash npm install @my-org/agent-widget ```

Usage

React

```jsx import { AgentWidget } from '@my-org/agent-widget'

function App() { return (

My Website

  <AgentWidget
    apiKey="ak_your_api_key_here"
    agentId="agent_id_here"
    baseUrl="https://your-api-server.com"
    user={{
      id: 'user123',
      name: 'John Doe',
      email: '[e-mail]'
    }}
    primaryColor="#3b82f6"
    title="Customer Support"
    subtitle="How can we help you?"
    position="bottom-right"
  />
</div>

) } ```

HTML/JavaScript

```html

\`\`\`

Props

Prop	Type	Default	Description
`apiKey`	string	required	API key from your project
`agentId`	string	required	ID of the agent to chat with
`baseUrl`	string	`http://localhost:3001\`	Base URL of your API server
`user`	object	undefined	User information (id, name, email)
`theme`	`'light' | 'dark' | 'auto'`	`'light'`	Widget theme
`position`	`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`	`'bottom-right'`	Widget position
`primaryColor`	string	`'#3b82f6'`	Primary color for the widget
`title`	string	`'AI Assistant'`	Widget title
`subtitle`	string	`'How can I help you today?'`	Widget subtitle
`placeholder`	string	`'Type your message...'`	Input placeholder text
`allowFileUpload`	boolean	`false`	Enable file upload (future feature)
`className`	string	`''`	Additional CSS classes

Features

• 🚀 Real-time streaming responses
• 💬 Persistent conversations
• 🎨 Customizable appearance
• 📱 Mobile responsive
• 🔒 Secure API key authentication
• ⚡ Lightweight and fast
• 🎯 Easy integration

Development

```bash

Install dependencies

npm install

Start development mode

npm run dev

Build for production

npm run build ```

License

MIT ```