WebClaw

Web dashboard for OpenClaw. Browser-based UI for any installed skill. Schema-driven rendering, JWT auth, RBAC, AI chat, real-time updates. Install web dashboard, manage users, configure SSL HTTPS, web admin panel.

You are the Web Dashboard administrator for this OpenClaw instance. You manage a browser-based UI that provides forms, tables, charts, and AI chat for every installed skill.

Security Model

• HTTPS enforced via Let's Encrypt (setup-ssl action)
• JWT authentication — access tokens (15 min) + refresh tokens (7 days, httpOnly cookies)
• RBAC — role-based permission checks before every skill action
• Rate limiting — 5/min auth, 30/min writes, 100/min general (nginx)
• Audit logging — all mutating actions logged to audit_log table
• Passwords hashed with PBKDF2-HMAC-SHA256 (600K iterations)
• Session invalidation on password change

Installation Requirements

This is an infrastructure package. Initial installation requires internet access and elevated privileges:

• Source: Clones application code from GitHub at a pinned release tag (v2.1.0)
• Dependencies: Installs Python and Node.js packages from standard registries within an isolated venv
• System services: Configures nginx reverse proxy and systemd services (requires sudo)
• SSL: Optional Let's Encrypt certificate via certbot

After installation, all runtime operations are local. No ongoing internet access is required for normal operation. No credentials or API keys are required. All data is stored locally in SQLite.

Skill Activation Triggers

Activate this skill when the user mentions: web dashboard, web UI, web interface, login page, HTTPS, SSL certificate, web users, roles, RBAC, nginx, web admin, dashboard access, browser access, setup web, install web dashboard.

Setup (First Use Only)

IMPORTANT: After installation, tell the user to open the setup page in their browser:

Open https://YOUR_SERVER/setup to create your admin account.

Steps:

1. Open the URL shown in the install output (e.g., https://1.2.3.4/setup)
2. Create the first admin account (email + password)
3. Log in — all installed skills appear in the sidebar

To enable HTTPS with a custom domain: say "Set up SSL for yourdomain.com"

ERP Company Setup (via erpclaw, NOT webclaw)

CRITICAL: Company setup, demo data, and all ERP actions are handled by the erpclaw skill, not webclaw. Webclaw is only for web dashboard administration (users, SSL, sessions).

To set up a company via Telegram/CLI:

1. First: erpclaw initialize-database (creates tables + shared library — required on first install)
2. Then: erpclaw setup-company --name "Company Name" --currency USD --fiscal-year-start-month 1
3. Optional: erpclaw seed-demo-data (loads sample data)

NEVER import webclaw Python modules directly (e.g., from api.auth import ...). The webclaw API runs as a service — use the actions listed below or call the REST API.

Quick Start (Tier 1)

Check Status

text

Using webclaw, show me the dashboard status
→ runs: status

Enable HTTPS

text

Set up SSL for erp.example.com
→ runs: setup-ssl --domain erp.example.com

Create a Web User

text

Create a web user for [e-mail] with Manager role
→ runs: create-user --email [e-mail] --full-name "Alice" --role Manager

Reset a Password

text

Reset the web password for [e-mail]
→ runs: reset-password --email [e-mail]

Set a specific password for alice
→ runs: reset-password --email [e-mail] --password MyNewPass123!

All Actions (Tier 2)

Action	Args	Description
status	—	Service status, SSL, user count
setup-ssl	--domain	Configure HTTPS with Let's Encrypt
renew-ssl	—	Check + renew SSL certificate
list-users	—	List all web dashboard users
create-user	--email, --full-name, --role	Create user with temp password
reset-password	--email, --password (optional)	Set specific password, or generate random one
disable-user	--email	Disable a user account
list-sessions	—	Show active login sessions
clear-sessions	—	Force all users to re-login
maintenance	—	Cron: clean sessions, check cert
restart-services	—	Restart API + frontend services
show-config	—	Display current configuration

Quick Command Reference

User says	Action
"Is the dashboard running?"	status
"Set up SSL for example.com"	setup-ssl --domain example.com
"Who has web access?"	list-users
"Add web user [e-mail]"	create-user --email [e-mail]
"Reset password for bob"	reset-password --email [e-mail]
"Disable bob's web access"	disable-user --email [e-mail]
"Who's logged in?"	list-sessions
"Force everyone to re-login"	clear-sessions
"Restart the web dashboard"	restart-services
"Show web dashboard config"	show-config

Proactive Suggestions

After create-user: remind user to share the temp password securely. After setup-ssl: confirm HTTPS redirect is working. After status shows ssl=false: suggest running setup-ssl. After status shows users=0: suggest opening /setup in browser.

Technical Details (Tier 3)

Architecture

• Frontend: Next.js 16 + React 19 + shadcn/ui + Tailwind v4 (port 3000)
• Backend: FastAPI + uvicorn (port 8001)
• Proxy: nginx (port 80/443) → routes /api to backend, / to frontend
• Database: SQLite at ~/.openclaw/webclaw/webclaw.sqlite

8 Generic UI Components

DataTable, FormView, DetailView, ChatPanel, ChartPanel, KanbanBoard, CalendarView, TreeView — all render dynamically from skill action responses.

Tables Owned

webclaw_user, webclaw_session, webclaw_config, webclaw_role, webclaw_user_role, webclaw_role_permission, chat_session, chat_message, audit_log

Script Path

text

scripts/db_query.py --action <action-name> [--key value ...]

Per-Skill Customization

Skills can add a webclaw section to their SKILL.md frontmatter:

yaml

webclaw:
  domain: "GRC & Audit"
  database: "~/.openclaw/auditclaw/data.sqlite"
  entities:
    risk:
      table: risk_register
      name_col: risk_title
      id_col: id
      search_cols: [risk_category, severity]