webchat-enhancer

# WebChat Enhancer 🌟 Hover-expandable navigation for OpenClaw WebChat | Auto Theme Sync | Lobster Colors --- ## ⚡ One-Command Install ```bash curl -sL https://raw.githubusercontent.com/yjin94606-art/webchat-enhancer/main/skills/webchat-enhancer/install.sh | bash ``` --- ## Install Tampermonkey **Chrome / Edge:** 1. Install [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey) 2. Enable **Developer Mode**: Open `chrome://extensions/` → Toggle **Developer Mode** ON 3. Reload Tampermonkey if needed **Firefox / Safari:** Just install [Tampermonkey](https://www.tampermonkey.net/) directly --- ## Install Script **Option 1: GreasyFork (Recommended)** ```bash open "https://greasyfork.org/scripts/571337-webchat-enhancer" ``` Then click the green **"Install"** button. **Option 2: Manual** 1. Download: [enhancer.user.js](https://raw.githubusercontent.com/yjin94606-art/webchat-enhancer/main/skills/webchat-enhancer/scripts/enhancer.user.js) 2. 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](https://clawhub.com/skills/webchat-enhancer) - 📦 [GreasyFork](https://greasyfork.org/scripts/571337-webchat-enhancer) - 💻 [GitHub](https://github.com/yjin94606-art/webchat-enhancer)