Lucius Chat Widget

Embeddable chat widget for Lucius AI customer support.

Installation

Option 1: Script Tag (Recommended for most users)

Add this to your HTML:

<script
  src="https://unpkg.com/@anthropic-ai/lucius-chat-widget"
  data-widget-id="YOUR_WIDGET_ID"
></script>

Option 2: npm (For React/Vue/Next.js projects)

npm install @anthropic-ai/lucius-chat-widget

import { init } from "@anthropic-ai/lucius-chat-widget";

init({
  widgetId: "YOUR_WIDGET_ID",
});

Configuration

| Attribute | Description | Default | |-----------|-------------|---------| | data-widget-id | Your Lucius widget ID (required) | - | | data-api-url | Custom API base URL | https://api.hirelucius.com | | data-position | Widget position: left or right | right | | data-primary-color | Primary color (hex) | #000000 |

Example with all options

<script
  src="https://unpkg.com/@anthropic-ai/lucius-chat-widget"
  data-widget-id="wgt_abc123"
  data-position="left"
  data-primary-color="#6366f1"
></script>

Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

License

MIT