Clawdbot Web Interface
Clawdbot AI assistant web interfaces for control, webchat, and administration. Learn how to set up and use the web UI.
Clawdbot Web Interface Overview
Clawdbot provides web-based interfaces for interacting with and managing your AI assistant. Access your assistant through browsers, embed chat widgets, and monitor gateway status.
Web Components
Control UI
Web-based dashboard for gateway management:
- Session monitoring
- Agent configuration
- Real-time logs
- Connection status
Webchat
Embeddable chat widget for websites:
- Chat with your assistant via browser
- Customizable appearance
- Session persistence
Quick Start
Enable Web Server
{
"web": {
"enabled": true,
"port": 3080,
"host": "localhost"
}
}Start with Web UI
clawdbot gateway start --webAccess Interfaces
| Interface | URL |
|---|---|
| Control UI | http://localhost:3080 |
| Webchat | http://localhost:3080/chat |
| API Docs | http://localhost:3080/docs |
Configuration
Web Server Settings
{
"web": {
"enabled": true,
"port": 3080,
"host": "0.0.0.0",
"cors": {
"enabled": true,
"origins": ["https://yourdomain.com"]
}
}
}Authentication
{
"web": {
"auth": {
"enabled": true,
"type": "basic",
"username": "admin",
"password": "your-password"
}
}
}Security
HTTPS
{
"web": {
"https": {
"enabled": true,
"cert": "/path/to/cert.pem",
"key": "/path/to/key.pem"
}
}
}Access Control
{
"web": {
"access": {
"allowedIPs": ["192.168.1.0/24"],
"rateLimit": {
"enabled": true,
"requests": 100,
"window": 60000
}
}
}
}Reverse Proxy
Nginx Example
server {
listen 443 ssl;
server_name clawdbot.yourdomain.com;
location / {
proxy_pass http://localhost:3080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
}
}Next Steps
- Clawdbot Control UI - Dashboard guide
- Clawdbot Webchat - Chat widget setup
- Clawdbot Gateway - Gateway configuration