WebChat Enhancer
🌟 Hover-expandable navigation for OpenClaw WebChat | Auto Theme Sync | Lobster Colors
⚡ One-Command Install
curl -sL https://raw.githubusercontent.com/yjin94606-art/webchat-enhancer/main/skills/webchat-enhancer/install.sh | bash
Install Tampermonkey
Chrome / Edge:
- Install Tampermonkey
- Enable Developer Mode: Open
chrome://extensions/→ Toggle Developer Mode ON - Reload Tampermonkey if needed
Firefox / Safari: Just install Tampermonkey directly
Install Script
Option 1: GreasyFork (Recommended)
open "https://greasyfork.org/scripts/571337-webchat-enhancer"
Then click the green "Install" button.
Option 2: Manual
- Download: enhancer.user.js
- Open Tampermonkey Dashboard → Create new script → Paste & Save
Open WebChat
http://127.0.0.1:18789
Navigation panel appears automatically! ✅
Features
| Feature | Description |
|---|---|
| 🖱️ Hover to Expand | Panel slides out when mouse approaches, hides when mouse leaves |
| 🎨 Auto Theme Sync | Automatically matches WebChat Dark/Light mode |
| 🦐 Lobster Colors | Crimson red accent inspired by OpenClaw's branding |
| 📜 Chat Navigator | Click any card to jump to that message |
| 🔄 Auto-Updating | Detects new messages automatically |
| ⚡ Zero Config | Works out of the box — no settings needed |
Usage
| Action | Effect |
|---|---|
| Mouse enters right edge tab | Navigator slides out |
| Mouse leaves navigator | Navigator slides back in |
| Click any message card | Smooth scroll to that message |
| Click Refresh | Rescan conversation |
What Changed in 4.5.0
- ❌ Removed language switching — English only
- ❌ Removed theme selector — fully automatic
- ❌ Removed settings panel
- 🆕 Hover-expandable navigation
- 🆕 Auto theme detection
Browser Support
Chrome · Firefox · Edge · Safari
Requires Tampermonkey extension.
Links
- 🌐 ClawHub
- 📦 GreasyFork
- 💻 GitHub