feat: implement DNS-over-HTTPS fallback for network requests and add a web dashboard to the health server.

.env.example

@@ -132,7 +132,7 @@ GATEWAY_TOKEN=your_gateway_token_here
 # If set, users can log in with this password instead of the token
 # OPENCLAW_PASSWORD=your_password_here
 
-# ── OPTIONAL: Telegram Integration ──
+# ── OPTIONAL: Chat Integrations ──
 # Get bot token from: https://t.me/BotFather
 TELEGRAM_BOT_TOKEN=your_bot_token_here
 
@@ -142,6 +142,9 @@ TELEGRAM_USER_ID=123456789
 # Multiple user IDs (comma-separated for team access)
 # TELEGRAM_USER_IDS=123456789,987654321,555555555
 
+# WhatsApp integration (pairing mode via CLI)
+# WHATSAPP_ENABLED=true
+
 # ── OPTIONAL: Workspace Backup to HF Dataset ──
 HF_USERNAME=your_hf_username
 HF_TOKEN=hf_your_token_here
@@ -161,6 +164,10 @@ KEEP_ALIVE_INTERVAL=300
 # Workspace auto-sync interval (seconds). Default: 600.
 SYNC_INTERVAL=600
 
+# ── OPTIONAL: Webhooks ──
+# URL to send HTTP POST requests on startup and backup errors
+# WEBHOOK_URL=https://your-webhook-endpoint.com/webhook
+
 # ── OPTIONAL: Advanced ──
 # Pin OpenClaw version. Default: latest
 OPENCLAW_VERSION=latest

README.md

@@ -15,7 +15,7 @@ license: mit
 [![HF Space](https://img.shields.io/badge/🤗%20HuggingFace-Space-blue?style=flat-square)](https://huggingface.co/spaces)
 [![OpenClaw](https://img.shields.io/badge/OpenClaw-Gateway-red?style=flat-square)](https://github.com/openclaw/openclaw)
 
-**Your always-on AI assistant — free, no server needed.** HuggingClaw runs [OpenClaw](https://openclaw.ai) on HuggingFace Spaces, giving you a 24/7 AI chat assistant Telegram. It works with *any* large language model (LLM) – Claude, ChatGPT, Gemini, etc. – and even supports custom models via [OpenRouter](https://openrouter.ai). Deploy in minutes on the free HF Spaces tier (2 vCPU, 16GB RAM, 50GB) with automatic workspace backup to a HuggingFace Dataset so your chat history and settings persist across restarts.
+**Your always-on AI assistant — free, no server needed.** HuggingClaw runs [OpenClaw](https://openclaw.ai) on HuggingFace Spaces, giving you a 24/7 AI chat assistant on Telegram and WhatsApp. It works with *any* large language model (LLM) – Claude, ChatGPT, Gemini, etc. – and even supports custom models via [OpenRouter](https://openrouter.ai). Deploy in minutes on the free HF Spaces tier (2 vCPU, 16GB RAM, 50GB) with automatic workspace backup to a HuggingFace Dataset so your chat history and settings persist across restarts.
 
 ## Table of Contents
 
@@ -23,7 +23,10 @@ license: mit
 - [🎥 Video Tutorial](#-video-tutorial)
 - [🚀 Quick Start](#-quick-start)
 - [📱 Telegram Setup *(Optional)*](#-telegram-setup-optional)
+- [💬 WhatsApp Setup *(Optional)*](#-whatsapp-setup-optional)
 - [💾 Workspace Backup *(Optional)*](#-workspace-backup-optional)
+- [📊 Dashboard & Monitoring](#-dashboard--monitoring)
+- [🔔 Webhooks *(Optional)*](#-webhooks-optional)
 - [⚙️ Full Configuration Reference](#-full-configuration-reference)
 - [🤖 LLM Providers](#-llm-providers)
 - [💻 Local Development](#-local-development)
@@ -42,7 +45,9 @@ license: mit
 - 🐳 **Fast Builds:** Uses a pre-built OpenClaw Docker image to deploy in minutes.
 - 💾 **Workspace Backup:** Chats and settings sync to a private HF Dataset via the `huggingface_hub` (Git fallback), preserving data automatically.
 - 💓 **Always-On:** Built-in keep-alive pings prevent the HF Space from sleeping, so the assistant is always online.
-- 👥 **Multi-User Telegram:** Configure one or more user IDs to control who can message the bot.
+- 👥 **Multi-User Messaging:** Support for Telegram (multi-user) and WhatsApp (pairing).
+- 📊 **Visual Dashboard:** Beautiful Web UI to monitor uptime, sync status, and active models.
+- 🔔 **Webhooks:** Get notified on restarts or backup failures via standard webhooks.
 - 🔐 **Flexible Auth:** Secure the Control UI with either a gateway token or password.
 - 🏠 **100% HF-Native:** Runs entirely on HuggingFace’s free infrastructure (2 vCPU, 16GB RAM).
 
@@ -86,6 +91,23 @@ To chat via Telegram:
 
 After restarting, the bot should appear online on Telegram.
 
+## 💬 WhatsApp Setup *(Optional)*
+
+To use WhatsApp:
+
+1. Add the secret `WHATSAPP_ENABLED` and set it to `true`.
+2. Once the Space restarts, use the OpenClaw CLI to link your account:
+
+   ```bash
+   npm install -g openclaw@latest
+   openclaw channels login --gateway https://YOUR_SPACE_URL.hf.space --channel whatsapp
+   ```
+
+3. Scan the QR code with your phone (WhatsApp → Linked Devices).
+
+> [!NOTE]
+> HuggingClaw uses dynamic DNS-over-HTTPS probing to ensure reliability on HuggingFace Spaces.
+
 ## 💾 Workspace Backup *(Optional)*
 
 For persistent chat history and configuration:
@@ -95,73 +117,88 @@ For persistent chat history and configuration:
 
 Optionally set `BACKUP_DATASET_NAME` (default: `huggingclaw-backup`) to choose the HF Dataset name. On first run, HuggingClaw will create (or use) the private Dataset repo `HF_USERNAME/SPACE-backup`, then restore your workspace on startup and sync changes every 10 minutes. The workspace is also saved on graceful shutdown. This ensures your data survives restarts.
 
+## 📊 Dashboard & Monitoring
+
+HuggingClaw now features a beautiful web dashboard. Access it by visiting your Space's URL on port 7861 or the internal health endpoint:
+
+- **Uptime Tracking:** Real-time uptime monitoring.
+- **Sync Status:** Visual indicators for workspace backup operations.
+- **Model Info:** See which LLM is currently powering your assistant.
+
+## 🔔 Webhooks *(Optional)*
+
+Get notified when your Space restarts or if a backup fails:
+
+- Set `WEBHOOK_URL` to your endpoint (e.g., Make.com, IFTTT, Discord Webhook).
+- HuggingClaw sends a POST JSON payload with event details.
+
 ## ⚙️ Full Configuration Reference
 
 See `.env.example` for complete settings. Key environment variables:
 
 ### Core
 
-| Variable       | Description                           |
-|----------------|---------------------------------------|
-| `LLM_API_KEY`  | LLM provider API key (e.g. OpenAI, Anthropic, etc.) |
-| `LLM_MODEL`    | Model ID (prefix `<provider>/`, auto-detected from prefix) |
-| `GATEWAY_TOKEN`| Gateway token for Control UI access (required) |
+| Variable        | Description                                                 |
+|-----------------|-------------------------------------------------------------|
+| `LLM_API_KEY`   | LLM provider API key (e.g. OpenAI, Anthropic, etc.)         |
+| `LLM_MODEL`     | Model ID (prefix `<provider>/`, auto-detected from prefix)  |
+| `GATEWAY_TOKEN` | Gateway token for Control UI access (required)              |
 
 ### Background Services
 
-| Variable             | Default | Description                       |
-|----------------------|---------|-----------------------------------|
-| `KEEP_ALIVE_INTERVAL`| `300`   | Self-ping interval in seconds (0 to disable) |
-| `SYNC_INTERVAL`      | `600`   | Workspace sync interval (sec.) to HF Dataset |
+| Variable              | Default | Description                                 |
+|-----------------------|---------|---------------------------------------------|
+| `KEEP_ALIVE_INTERVAL` | `300`   | Self-ping interval in seconds (0 to disable)|
+| `SYNC_INTERVAL`       | `600`   | Workspace sync interval (sec.) to HF Dataset|
 
 ### Security
 
-| Variable            | Description                                       |
-|---------------------|---------------------------------------------------|
-| `OPENCLAW_PASSWORD` | (optional) Enable simple password auth instead of token |
-| `TRUSTED_PROXIES`   | Comma-separated IPs of HF proxies (for reverse-proxy fixes) |
-| `ALLOWED_ORIGINS`   | Comma-separated allowed origins for Control UI (e.g. `https://your-space.hf.space`) |
+| Variable             | Description                                             |
+|----------------------|---------------------------------------------------------|
+| `OPENCLAW_PASSWORD`  | (optional) Enable simple password auth instead of token |
+| `TRUSTED_PROXIES`    | Comma-separated IPs of HF proxies                       |
+| `ALLOWED_ORIGINS`    | Comma-separated allowed origins for Control UI          |
 
 ### Workspace Backup
 
-| Variable            | Default           | Description                                    |
-|---------------------|-------------------|------------------------------------------------|
-| `HF_USERNAME`       | —                 | Your HuggingFace username                     |
-| `HF_TOKEN`          | —                 | HF token with write access (for backups)       |
-| `BACKUP_DATASET_NAME`| `huggingclaw-backup`| Dataset name for backup repo (auto-created)   |
-| `WORKSPACE_GIT_USER`| `openclaw@example.com` | Git commit email for workspace commits   |
-| `WORKSPACE_GIT_NAME`| `OpenClaw Bot`    | Git commit name for workspace commits          |
+| Variable              | Default              | Description                          |
+|-----------------------|----------------------|--------------------------------------|
+| `HF_USERNAME`         | —                    | Your HuggingFace username            |
+| `HF_TOKEN`            | —                    | HF token with write access           |
+| `BACKUP_DATASET_NAME` | `huggingclaw-backup` | Dataset name for backup repo         |
+| `WORKSPACE_GIT_USER`  | `openclaw@example.com`| Git commit email for workspace sync  |
+| `WORKSPACE_GIT_NAME`  | `OpenClaw Bot`       | Git commit name for workspace sync   |
 
 ### Advanced
 
-| Variable            | Default   | Description                         |
-|---------------------|-----------|-------------------------------------|
-| `OPENCLAW_VERSION`  | `latest`  | Pin a specific OpenClaw version     |
-| `HEALTH_PORT`       | `7861`    | Internal health endpoint port       |
+| Variable           | Default  | Description                         |
+|--------------------|----------|-------------------------------------|
+| `OPENCLAW_VERSION` | `latest` | Pin a specific OpenClaw version     |
+| `HEALTH_PORT`      | `7861`   | Internal health endpoint port       |
 
 ## 🤖 LLM Providers
 
 HuggingClaw supports **all providers** from OpenClaw. Set `LLM_MODEL=<provider/model>` and the provider is auto-detected. For example:
 
-| Provider      | Prefix        | Example Model                  | API Key Source                    |
-|---------------|---------------|--------------------------------|-----------------------------------|
-| **Anthropic** | `anthropic/`  | `anthropic/claude-sonnet-4-6`  | [Anthropic Console](https://console.anthropic.com/) |
-| **OpenAI**    | `openai/`     | `openai/gpt-5.4`               | [OpenAI Platform](https://platform.openai.com/) |
-| **Google**    | `google/`     | `google/gemini-2.5-flash`       | [AI Studio](https://ai.google.dev/) |
-| **DeepSeek**  | `deepseek/`   | `deepseek/deepseek-v3.2`       | [DeepSeek](https://platform.deepseek.com) |
-| **xAI (Grok)**| `xai/`        | `xai/grok-4`                   | [xAI](https://console.x.ai)        |
-| **Mistral**   | `mistral/`    | `mistral/mistral-large-latest` | [Mistral Console](https://console.mistral.ai) |
-| **Moonshot**  | `moonshot/`   | `moonshot/kimi-k2.5`           | [Moonshot](https://platform.moonshot.cn) |
-| **Cohere**    | `cohere/`     | `cohere/command-a`             | [Cohere Dashboard](https://dashboard.cohere.com) |
-| **Groq**      | `groq/`       | `groq/mixtral-8x7b-32768`      | [Groq](https://console.groq.com)    |
-| **MiniMax**   | `minimax/`    | `minimax/minimax-m2.7`         | [MiniMax](https://platform.minimax.io) |
-| **NVIDIA**    | `nvidia/`     | `nvidia/nemotron-3-super-120b-a12b` | [NVIDIA API](https://api.nvidia.com) |
-| **Z.ai (GLM)**| `zai/`        | `zai/glm-5`                    | [Z.ai](https://z.ai)               |
-| **Volcengine**| `volcengine/` | `volcengine/doubao-seed-1-8-251228` | [Volcengine](https://www.volcengine.com) |
-| **HuggingFace**| `huggingface/`| `huggingface/deepseek-ai/DeepSeek-R1` | [HF Tokens](https://huggingface.co/settings/tokens) |
-| **OpenCode Zen**| `opencode/` | `opencode/claude-opus-4-6`      | [OpenCode.ai](https://opencode.ai/auth) |
-| **OpenCode Go**| `opencode-go/`| `opencode-go/kimi-k2.5`       | [OpenCode.ai](https://opencode.ai/auth) |
-| **Kilo Gateway**| `kilocode/` | `kilocode/anthropic/claude-opus-4.6` | [Kilo.ai](https://kilo.ai) |
+| Provider         | Prefix          | Example Model                         | API Key Source                                       |
+|------------------|-----------------|---------------------------------------|------------------------------------------------------|
+| **Anthropic**    | `anthropic/`    | `anthropic/claude-sonnet-4-6`         | [Anthropic Console](https://console.anthropic.com/) |
+| **OpenAI**       | `openai/`       | `openai/gpt-5.4`                      | [OpenAI Platform](https://platform.openai.com/)     |
+| **Google**       | `google/`       | `google/gemini-2.5-flash`             | [AI Studio](https://ai.google.dev/)                  |
+| **DeepSeek**     | `deepseek/`     | `deepseek/deepseek-v3.2`              | [DeepSeek](https://platform.deepseek.com)            |
+| **xAI (Grok)**   | `xai/`          | `xai/grok-4`                          | [xAI](https://console.x.ai)                          |
+| **Mistral**      | `mistral/`      | `mistral/mistral-large-latest`        | [Mistral Console](https://console.mistral.ai)        |
+| **Moonshot**     | `moonshot/`     | `moonshot/kimi-k2.5`                  | [Moonshot](https://platform.moonshot.cn)             |
+| **Cohere**       | `cohere/`       | `cohere/command-a`                    | [Cohere Dashboard](https://dashboard.cohere.com)    |
+| **Groq**         | `groq/`         | `groq/mixtral-8x7b-32768`             | [Groq](https://console.groq.com)                     |
+| **MiniMax**      | `minimax/`      | `minimax/minimax-m2.7`                | [MiniMax](https://platform.minimax.io)               |
+| **NVIDIA**       | `nvidia/`       | `nvidia/nemotron-3-super-120b-a12b`   | [NVIDIA API](https://api.nvidia.com)                |
+| **Z.ai (GLM)**   | `zai/`          | `zai/glm-5`                           | [Z.ai](https://z.ai)                                 |
+| **Volcengine**   | `volcengine/`   | `volcengine/doubao-seed-1-8-251228`   | [Volcengine](https://www.volcengine.com)            |
+| **HuggingFace**  | `huggingface/`  | `huggingface/deepseek-ai/DeepSeek-R1` | [HF Tokens](https://huggingface.co/settings/tokens) |
+| **OpenCode Zen** | `opencode/`     | `opencode/claude-opus-4-6`            | [OpenCode.ai](https://opencode.ai/auth)              |
+| **OpenCode Go**  | `opencode-go/`  | `opencode-go/kimi-k2.5`               | [OpenCode.ai](https://opencode.ai/auth)              |
+| **Kilo Gateway** | `kilocode/`     | `kilocode/anthropic/claude-opus-4.6`  | [Kilo.ai](https://kilo.ai)                           |
 
 ### OpenRouter – 200+ Models with One Key
 

dns-fix.js

@@ -1,19 +1,108 @@
-// Fix HF Spaces DNS: internal resolver can't resolve discord.com / api.telegram.org
-// Override dns.lookup (used by http/https) to use Google/Cloudflare DNS
-const dns = require('dns');
-const { Resolver } = dns;
-const resolver = new Resolver();
-resolver.setServers(['8.8.8.8', '1.1.1.1']);
+/**
+ * DNS fix preload script for HF Spaces.
+ *
+ * Patches Node.js dns.lookup to:
+ * 1. Try system DNS first
+ * 2. Fall back to DNS-over-HTTPS (Cloudflare) if system DNS fails
+ *    (This is needed because HF Spaces intercepts/blocks some domains like
+ *    WhatsApp web or Telegram API via standard UDP DNS).
+ *
+ * Loaded via: NODE_OPTIONS="--require /opt/dns-fix.js"
+ */
+"use strict";
 
+const dns = require("dns");
+const https = require("https");
+
+// In-memory cache for runtime DoH resolutions
+const runtimeCache = new Map(); // hostname -> { ip, expiry }
+
+// DNS-over-HTTPS resolver
+function dohResolve(hostname, callback) {
+  // Check runtime cache
+  const cached = runtimeCache.get(hostname);
+  if (cached && cached.expiry > Date.now()) {
+    return callback(null, cached.ip);
+  }
+
+  const url = `https://1.1.1.1/dns-query?name=${encodeURIComponent(hostname)}&type=A`;
+  const req = https.get(
+    url,
+    { headers: { Accept: "application/dns-json" }, timeout: 15000 },
+    (res) => {
+      let body = "";
+      res.on("data", (c) => (body += c));
+      res.on("end", () => {
+        try {
+          const data = JSON.parse(body);
+          const aRecords = (data.Answer || []).filter((a) => a.type === 1);
+          if (aRecords.length === 0) {
+            return callback(new Error(`DoH: no A record for ${hostname}`));
+          }
+          const ip = aRecords[0].data;
+          const ttl = Math.max((aRecords[0].TTL || 300) * 1000, 60000);
+          runtimeCache.set(hostname, { ip, expiry: Date.now() + ttl });
+          callback(null, ip);
+        } catch (e) {
+          callback(new Error(`DoH parse error: ${e.message}`));
+        }
+      });
+    }
+  );
+  req.on("error", (e) => callback(new Error(`DoH request failed: ${e.message}`)));
+  req.on("timeout", () => {
+    req.destroy();
+    callback(new Error("DoH request timed out"));
+  });
+}
+
+// Monkey-patch dns.lookup
 const origLookup = dns.lookup;
-dns.lookup = function(hostname, options, callback) {
-  if (typeof options === 'function') { callback = options; options = { family: 0 }; }
-  resolver.resolve4(hostname, (err, addresses) => {
-    if (err || !addresses || !addresses.length) return origLookup.call(dns, hostname, options, callback);
-    if (options && options.all) {
-      callback(null, addresses.map(a => ({ address: a, family: 4 })));
+
+dns.lookup = function patchedLookup(hostname, options, callback) {
+  // Normalize arguments (options is optional, can be number or object)
+  if (typeof options === "function") {
+    callback = options;
+    options = {};
+  }
+  if (typeof options === "number") {
+    options = { family: options };
+  }
+  options = options || {};
+
+  // Skip patching for localhost, IPs, and internal domains
+  if (
+    !hostname ||
+    hostname === "localhost" ||
+    hostname === "0.0.0.0" ||
+    hostname === "127.0.0.1" ||
+    hostname === "::1" ||
+    /^\d+\.\d+\.\d+\.\d+$/.test(hostname) ||
+    /^::/.test(hostname)
+  ) {
+    return origLookup.call(dns, hostname, options, callback);
+  }
+
+  // 1) Try system DNS first
+  origLookup.call(dns, hostname, options, (err, address, family) => {
+    if (!err && address) {
+      return callback(null, address, family);
+    }
+
+    // 2) System DNS failed with ENOTFOUND or EAI_AGAIN — fall back to DoH
+    if (err && (err.code === "ENOTFOUND" || err.code === "EAI_AGAIN")) {
+      dohResolve(hostname, (dohErr, ip) => {
+        if (dohErr || !ip) {
+          return callback(err); // Return original error
+        }
+        if (options.all) {
+          return callback(null, [{ address: ip, family: 4 }]);
+        }
+        callback(null, ip, 4);
+      });
     } else {
-      callback(null, addresses[0], 4);
+      // Other DNS errors — pass through
+      callback(err, address, family);
     }
   });
 };

health-server.js

@@ -1,27 +1,302 @@
-// Lightweight health endpoint on port 7861
-// OpenClaw runs on 7860, this runs alongside it
-// Returns 200 OK for keep-alive pings and external monitoring
+// Lightweight health server and dashboard on port 7861
 const http = require('http');
+const fs = require('fs');
+const path = require('path');
 
 const PORT = process.env.HEALTH_PORT || 7861;
 const startTime = Date.now();
+const LLM_MODEL = process.env.LLM_MODEL || 'Not Set';
+const WHATSAPP_ENABLED = process.env.WHATSAPP_ENABLED === 'true' || process.env.WHATSAPP_ENABLED === '1';
+const TELEGRAM_ENABLED = !!process.env.TELEGRAM_BOT_TOKEN;
 
 const server = http.createServer((req, res) => {
-  if (req.url === '/health' || req.url === '/') {
-    const uptime = Math.floor((Date.now() - startTime) / 1000);
+  const uptime = Math.floor((Date.now() - startTime) / 1000);
+  const uptimeHuman = `${Math.floor(uptime / 3600)}h ${Math.floor((uptime % 3600) / 60)}m`;
+
+  if (req.url === '/health') {
     res.writeHead(200, { 'Content-Type': 'application/json' });
     res.end(JSON.stringify({
       status: 'ok',
       uptime: uptime,
-      uptimeHuman: `${Math.floor(uptime / 3600)}h ${Math.floor((uptime % 3600) / 60)}m`,
+      uptimeHuman: uptimeHuman,
       timestamp: new Date().toISOString()
     }));
-  } else {
-    res.writeHead(404);
-    res.end();
+    return;
+  }
+
+  if (req.url === '/status') {
+    let syncStatus = { status: 'unknown', message: 'No sync data yet' };
+    try {
+      if (fs.existsSync('/tmp/sync-status.json')) {
+        syncStatus = JSON.parse(fs.readFileSync('/tmp/sync-status.json', 'utf8'));
+      }
+    } catch (e) {}
+    
+    res.writeHead(200, { 'Content-Type': 'application/json' });
+    res.end(JSON.stringify({
+      model: LLM_MODEL,
+      whatsapp: WHATSAPP_ENABLED,
+      telegram: TELEGRAM_ENABLED,
+      sync: syncStatus,
+      uptime: uptimeHuman
+    }));
+    return;
   }
+
+  if (req.url === '/') {
+    res.writeHead(200, { 'Content-Type': 'text/html' });
+    res.end(`
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HuggingClaw Dashboard</title>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg: #0f172a;
+            --card-bg: rgba(30, 41, 59, 0.7);
+            --accent: linear-gradient(135deg, #3b82f6, #8b5cf6);
+            --text: #f8fafc;
+            --text-dim: #94a3b8;
+            --success: #10b981;
+            --error: #ef4444;
+            --warning: #f59e0b;
+        }
+
+        * { box-sizing: border-box; margin: 0; padding: 0; }
+        
+        body {
+            font-family: 'Outfit', sans-serif;
+            background-color: var(--bg);
+            color: var(--text);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            overflow: hidden;
+            background-image: 
+                radial-gradient(at 0% 0%, rgba(59, 130, 246, 0.15) 0px, transparent 50%),
+                radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.15) 0px, transparent 50%);
+        }
+
+        .dashboard {
+            width: 90%;
+            max-width: 600px;
+            background: var(--card-bg);
+            backdrop-filter: blur(12px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 24px;
+            padding: 40px;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+            animation: fadeIn 0.8s ease-out;
+        }
+
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        header {
+            text-align: center;
+            margin-bottom: 40px;
+        }
+
+        h1 {
+            font-size: 2.5rem;
+            margin-bottom: 8px;
+            background: var(--accent);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: 600;
+        }
+
+        .subtitle {
+            color: var(--text-dim);
+            font-size: 0.9rem;
+            letter-spacing: 1px;
+            text-transform: uppercase;
+        }
+
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 20px;
+            margin-bottom: 30px;
+        }
+
+        .stat-card {
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+            padding: 20px;
+            border-radius: 16px;
+            transition: transform 0.3s ease, border-color 0.3s ease;
+        }
+
+        .stat-card:hover {
+            transform: translateY(-5px);
+            border-color: rgba(59, 130, 246, 0.3);
+        }
+
+        .stat-label {
+            color: var(--text-dim);
+            font-size: 0.75rem;
+            text-transform: uppercase;
+            margin-bottom: 8px;
+            display: block;
+        }
+
+        .stat-value {
+            font-size: 1.1rem;
+            font-weight: 600;
+            word-break: break-all;
+        }
+
+        .status-badge {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            padding: 4px 12px;
+            border-radius: 20px;
+            font-size: 0.8rem;
+            font-weight: 600;
+        }
+
+        .status-online { background: rgba(16, 185, 129, 0.1); color: var(--success); }
+        .status-offline { background: rgba(239, 68, 68, 0.1); color: var(--error); }
+        .status-syncing { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
+
+        .pulse {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: currentColor;
+            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
+            animation: pulse 2s infinite;
+        }
+
+        @keyframes pulse {
+            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
+            70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
+            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
+        }
+
+        .footer {
+            text-align: center;
+            color: var(--text-dim);
+            font-size: 0.8rem;
+            margin-top: 20px;
+        }
+
+        .sync-info {
+            background: rgba(255, 255, 255, 0.02);
+            padding: 15px;
+            border-radius: 12px;
+            font-size: 0.85rem;
+            color: var(--text-dim);
+            margin-top: 10px;
+        }
+
+        #sync-msg { color: var(--text); display: block; margin-top: 4px; }
+
+    </style>
+</head>
+<body>
+    <div class="dashboard">
+        <header>
+            <h1>🦞 HuggingClaw</h1>
+            <p class="subtitle">Space Control Panel</p>
+        </header>
+
+        <div class="stats-grid">
+            <div class="stat-card">
+                <span class="stat-label">Model</span>
+                <span class="stat-value" id="model-id">Loading...</span>
+            </div>
+            <div class="stat-card">
+                <span class="stat-label">Uptime</span>
+                <span class="stat-value" id="uptime">Loading...</span>
+            </div>
+            <div class="stat-card">
+                <span class="stat-label">WhatsApp</span>
+                <span id="wa-status">Loading...</span>
+            </div>
+            <div class="stat-card">
+                <span class="stat-label">Telegram</span>
+                <span id="tg-status">Loading...</span>
+            </div>
+        </div>
+
+        <div class="stat-card" style="width: 100%;">
+            <span class="stat-label">Workspace Sync Status</span>
+            <div id="sync-badge-container"></div>
+            <div class="sync-info">
+                Last Sync Activity: <span id="sync-time">Never</span>
+                <span id="sync-msg">Initializing synchronization...</span>
+            </div>
+        </div>
+
+        <div class="footer">
+            &bull; Live updates every 10s &bull;
+        </div>
+    </div>
+
+    <script>
+        async function updateStats() {
+            try {
+                const res = await fetch('/status');
+                const data = await res.json();
+
+                document.getElementById('model-id').textContent = data.model;
+                document.getElementById('uptime').textContent = data.uptime;
+                
+                document.getElementById('wa-status').innerHTML = data.whatsapp 
+                    ? '<div class="status-badge status-online"><div class="pulse"></div>Active</div>'
+                    : '<div class="status-badge status-offline">Disabled</div>';
+
+                document.getElementById('tg-status').innerHTML = data.telegram 
+                    ? '<div class="status-badge status-online"><div class="pulse"></div>Active</div>'
+                    : '<div class="status-badge status-offline">Disabled</div>';
+
+                const syncData = data.sync;
+                let badgeClass = 'status-offline';
+                let pulseHtml = '';
+
+                if (syncData.status === 'success') {
+                    badgeClass = 'status-online';
+                    pulseHtml = '<div class="pulse"></div>';
+                } else if (syncData.status === 'syncing') {
+                    badgeClass = 'status-syncing';
+                    pulseHtml = '<div class="pulse" style="background:#3b82f6"></div>';
+                } else if (syncData.status === 'error') {
+                    badgeClass = 'status-offline';
+                }
+
+                document.getElementById('sync-badge-container').innerHTML = 
+                    '<div class="status-badge ' + badgeClass + '">' + pulseHtml + syncData.status.toUpperCase() + '</div>';
+                
+                document.getElementById('sync-time').textContent = syncData.timestamp || 'Never';
+                document.getElementById('sync-msg').textContent = syncData.message || 'Waiting for first sync...';
+
+            } catch (e) {
+                console.error("Failed to fetch status", e);
+            }
+        }
+
+        updateStats();
+        setInterval(updateStats, 10000);
+    </script>
+</body>
+</html>
+    `);
+    return;
+  }
+
+  res.writeHead(404);
+  res.end();
 });
 
 server.listen(PORT, '0.0.0.0', () => {
-  console.log(`🏥 Health server listening on port ${PORT}`);
+  console.log(`🏥 Health server & Dashboard listening on port ${PORT}`);
 });

start.sh

@@ -234,6 +234,12 @@ if [ -n "$TELEGRAM_BOT_TOKEN" ]; then
   fi
 fi
 
+# WhatsApp
+if [ "$WHATSAPP_ENABLED" = "true" ] || [ "$WHATSAPP_ENABLED" = "1" ]; then
+  CONFIG_JSON=$(echo "$CONFIG_JSON" | jq '.plugins.entries.whatsapp = {"enabled": true}')
+  CONFIG_JSON=$(echo "$CONFIG_JSON" | jq '.channels.whatsapp = {"dmPolicy": "pairing"}')
+fi
+
 # Write config
 echo "$CONFIG_JSON" > "/home/node/.openclaw/openclaw.json"
 chmod 600 /home/node/.openclaw/openclaw.json
@@ -249,6 +255,11 @@ printf "  │  %-40s │\n" "Telegram: ✅ enabled"
 else
 printf "  │  %-40s │\n" "Telegram: ❌ not configured"
 fi
+if [ "$WHATSAPP_ENABLED" = "true" ] || [ "$WHATSAPP_ENABLED" = "1" ]; then
+printf "  │  %-40s │\n" "WhatsApp: ✅ enabled"
+else
+printf "  │  %-40s │\n" "WhatsApp: ❌ not configured"
+fi
 if [ -n "$HF_USERNAME" ] && [ -n "$HF_TOKEN" ]; then
 printf "  │  %-40s │\n" "Backup: ✅ ${HF_USERNAME}/${BACKUP_DATASET:-huggingclaw-backup}"
 else
@@ -270,9 +281,20 @@ if [ -n "$HF_USERNAME" ] && [ -n "$HF_TOKEN" ]; then
   SYNC_STATUS="✅ every ${SYNC_INTERVAL:-600}s"
 fi
 printf "  │  %-40s │\n" "Auto-sync: $SYNC_STATUS"
+if [ -n "$WEBHOOK_URL" ]; then
+printf "  │  %-40s │\n" "Webhooks: ✅ enabled"
+fi
 echo "  └──────────────────────────────────────────┘"
 echo ""
 
+# ── Trigger Webhook on Restart ──
+if [ -n "$WEBHOOK_URL" ]; then
+  echo "🔔 Sending restart webhook..."
+  curl -s -X POST "$WEBHOOK_URL" \
+       -H "Content-Type: application/json" \
+       -d '{"event":"restart", "status":"success", "message":"HuggingClaw gateway has started/restarted.", "model": "'"$LLM_MODEL"'"}' >/dev/null 2>&1 &
+fi
+
 # ── Trap SIGTERM for graceful shutdown ──
 graceful_shutdown() {
   echo ""
@@ -300,6 +322,7 @@ graceful_shutdown() {
 trap graceful_shutdown SIGTERM SIGINT
 
 # ── Start background services ──
+export LLM_MODEL="$LLM_MODEL"
 node /home/node/app/health-server.js &
 /home/node/app/keep-alive.sh &
 
@@ -308,8 +331,6 @@ python3 /home/node/app/workspace-sync.py &
 # ── Launch gateway ──
 echo "🚀 Launching OpenClaw gateway on port 7860..."
 echo ""
-# Set model via environment for the gateway
-export LLM_MODEL="$LLM_MODEL"
 
 
 

workspace-sync.py

@@ -19,6 +19,7 @@ INTERVAL = int(os.environ.get("SYNC_INTERVAL", "600"))
 HF_TOKEN = os.environ.get("HF_TOKEN", "")
 HF_USERNAME = os.environ.get("HF_USERNAME", "")
 BACKUP_DATASET = os.environ.get("BACKUP_DATASET_NAME", "huggingclaw-backup")
+WEBHOOK_URL = os.environ.get("WEBHOOK_URL", "")
 
 running = True
 
@@ -42,6 +43,37 @@ def has_changes():
     except Exception:
         return False
 
+def write_sync_status(status, message=""):
+    """Write sync status to file for the health server dashboard."""
+    try:
+        import json
+        data = {
+            "status": status,
+            "timestamp": time.strftime("%Y-%m-%dT%H:%M:%SZ", time.gmtime()),
+            "message": message
+        }
+        with open("/tmp/sync-status.json", "w") as f:
+            json.dump(data, f)
+    except Exception as e:
+        print(f"  ⚠️ Could not write sync status: {e}")
+
+def trigger_webhook(event, status, message):
+    """Trigger webhook notification."""
+    if not WEBHOOK_URL:
+        return
+    try:
+        import urllib.request
+        import json
+        data = json.dumps({
+            "event": event,
+            "status": status,
+            "message": message,
+            "timestamp": time.strftime("%Y-%m-%dT%H:%M:%SZ", time.gmtime())
+        }).encode('utf-8')
+        req = urllib.request.Request(WEBHOOK_URL, data=data, headers={'Content-Type': 'application/json'})
+        urllib.request.urlopen(req, timeout=10)
+    except Exception as e:
+        print(f"  ⚠️ Webhook delivery failed: {e}")
 
 def sync_with_hf_hub():
     """Sync workspace using huggingface_hub library."""
@@ -128,21 +160,32 @@ def main():
             continue
 
         ts = time.strftime("%Y-%m-%dT%H:%M:%SZ", time.gmtime())
+        
+        write_sync_status("syncing", f"Starting sync at {ts}")
 
         if use_hf_hub:
             if sync_with_hf_hub():
                 print(f"🔄 Workspace sync (hf_hub): pushed changes ({ts})")
+                write_sync_status("success", "Successfully pushed to HF Hub")
             else:
                 # Fallback to git
                 if sync_with_git():
                     print(f"🔄 Workspace sync (git fallback): pushed changes ({ts})")
+                    write_sync_status("success", "Successfully pushed via git fallback")
                 else:
-                    print(f"🔄 Workspace sync: failed ({ts}), will retry")
+                    msg = f"Workspace sync: failed ({ts}), will retry"
+                    print(f"🔄 {msg}")
+                    write_sync_status("error", msg)
+                    trigger_webhook("sync", "error", msg)
         else:
             if sync_with_git():
                 print(f"🔄 Workspace sync (git): pushed changes ({ts})")
+                write_sync_status("success", "Successfully pushed via git")
             else:
-                print(f"🔄 Workspace sync: push failed ({ts}), will retry")
+                msg = f"Workspace sync: push failed ({ts}), will retry"
+                print(f"🔄 {msg}")
+                write_sync_status("error", msg)
+                trigger_webhook("sync", "error", msg)
 
 
 if __name__ == "__main__":