refactor: replace UptimeRobot keep-alive implementation with Cloudflare Workers based solution

.env.example

@@ -50,9 +50,9 @@ CLOUDFLARE_PROXY_SECRET=
 # Leave unset to proxy only the built-in default domains.
 # CLOUDFLARE_PROXY_DOMAINS=api.sendgrid.com,smtp.sendgrid.net,slack.com
 
-# UptimeRobot keep-alive: add your Main API key (NOT Read-only or Monitor-specific).
-# Monitor is created automatically at boot. Status shown on the dashboard.
-# UPTIMEROBOT_API_KEY=ur_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+# Cloudflare proxy & keep-alive: add your Cloudflare API token.
+# A Worker is created automatically at boot for both outbound proxying and keep-alive.
+# CLOUDFLARE_WORKERS_TOKEN=your_cloudflare_token_here
 
 # Max seconds to wait for n8n readiness at startup
 N8N_STARTUP_TIMEOUT=180

Dockerfile

@@ -35,10 +35,10 @@ COPY --chown=node:node cloudflare-proxy-setup.py /home/node/app/cloudflare-proxy
 # Set NODE_OPTIONS after preload scripts are copied
 ENV NODE_OPTIONS="--require /opt/cloudflare-proxy.js"
 COPY --chown=node:node n8n-sync.py /home/node/app/n8n-sync.py
-COPY --chown=node:node setup-uptimerobot.sh /home/node/app/setup-uptimerobot.sh
+COPY --chown=node:node cloudflare-keepalive-setup.py /home/node/app/cloudflare-keepalive-setup.py
 COPY --chown=node:node start.sh /home/node/app/start.sh
 
-RUN chmod +x /home/node/app/start.sh /home/node/app/setup-uptimerobot.sh /home/node/app/cloudflare-proxy-setup.py
+RUN chmod +x /home/node/app/start.sh /home/node/app/cloudflare-keepalive-setup.py /home/node/app/cloudflare-proxy-setup.py
 
 USER node
 

README.md

@@ -11,9 +11,7 @@ secrets:
   - name: HF_TOKEN
     description: HuggingFace token with write access. Used for automatic workspace backup.
   - name: CLOUDFLARE_WORKERS_TOKEN
-    description: Cloudflare API token for automatic Worker proxy setup.
-  - name: UPTIMEROBOT_API_KEY
-    description: UptimeRobot API key for automatic monitor setup.
+    description: Cloudflare API token for automatic Worker proxy and KeepAlive setup.
 ---
 
 <!-- Badges -->
@@ -47,7 +45,7 @@ secrets:
 - 🔐 **Secure by Default:** Uses n8n's native user management and restricted file permissions (`umask 0077`).
 - 🌐 **Built-in Connectivity:** Includes transparent outbound proxying via Cloudflare Workers for Telegram, WhatsApp-related APIs, Google APIs, Discord, and other external services.
 - 📊 **Premium Dashboard:** Beautiful Web UI at `/` for real-time monitoring of uptime, sync health, and n8n status.
-- ⏰ **Easy Keep-Alive:** Add `UPTIMEROBOT_API_KEY` as a Space secret and the monitor is created automatically at boot — no manual setup.
+- ⏰ **Easy Keep-Alive:** Uses `CLOUDFLARE_WORKERS_TOKEN` to automatically set up a cron-triggered keep-awake worker at boot.
 - 🐳 **Optimized Infrastructure:** Minimal resource usage with clean startup logs and production-ready proxying.
 
 ## 🎥 Video Tutorial
@@ -126,7 +124,7 @@ Hugging8n automatically creates a private dataset named `hugging8n-backup` in yo
 
 ## 💓 Staying Alive *(Recommended on Free HF Spaces)*
 
-Add your [UptimeRobot](https://uptimerobot.com/) **Main API key** as a Space secret named `UPTIMEROBOT_API_KEY`. Hugging8n will automatically create a monitor for your Space's `/health` endpoint at boot. The dashboard shows the current status (configured, setting up, or failed).
+Your Space will automatically be kept awake by a background Cloudflare Worker when you configure the `CLOUDFLARE_WORKERS_TOKEN` secret. The worker uses a cron trigger to regularly ping your Space's `/health` endpoint. The dashboard displays the current keep-alive worker status.
 
 ## 🔐 Security & Advanced *(Optional)*
 
@@ -143,7 +141,7 @@ Customize your instance with these environment variables:
 | `CLOUDFLARE_ACCOUNT_ID` | auto | Optional Cloudflare account ID override |
 | `SPACE_HOST_OVERRIDE` | — | Override detected host for custom domains |
 | `N8N_STARTUP_TIMEOUT` | `180` | Max seconds to wait for n8n readiness |
-| `UPTIMEROBOT_API_KEY` | — | UptimeRobot Main API key. When set, a monitor is created automatically at boot. |
+| `CLOUDFLARE_KEEPALIVE_ENABLED` | `true` | Set to `false` to disable the automatic Cloudflare KeepAlive worker |
 
 ## 💻 Local Development
 
@@ -173,7 +171,7 @@ docker run -p 7861:7861 --env-file .env hugging8n
 
 - **Telegram/Google/WhatsApp not connecting:** Ensure `CLOUDFLARE_WORKERS_TOKEN` or `CLOUDFLARE_PROXY_URL` is set. Use `CLOUDFLARE_PROXY_DOMAINS=*` to proxy all external traffic.
 - **Workflows not saving:** Check if `HF_TOKEN` has **Write** access to your account.
-- **Space keeps sleeping:** Add `UPTIMEROBOT_API_KEY` as a Space secret to enable automatic keep-awake monitoring.
+- **Space keeps sleeping:** Add `CLOUDFLARE_WORKERS_TOKEN` as a Space secret to enable automatic keep-awake monitoring via Cloudflare Workers.
 - **Authentication errors:** n8n v2 uses its own internal users; ensure you created the owner account on first run.
 
 ## 🌟 More Projects
@@ -182,6 +180,7 @@ Similar projects by [@somratpro](https://github.com/somratpro) — all free, one
 
 | Project | What it runs | HF Space | GitHub |
 | :--- | :--- | :--- | :--- |
+| **HuggingMess** | Hermes — Self-hosted agent gateway | [Space](https://huggingface.co/spaces/somratpro/HuggingMess) | [Repo](https://github.com/somratpro/huggingmess) |
 | **HuggingClaw** | OpenClaw — Claude Code in the browser | [Space](https://huggingface.co/spaces/somratpro/HuggingClaw) | [Repo](https://github.com/somratpro/huggingclaw) |
 | **HuggingClip** | Paperclip — AI agent orchestration platform | [Space](https://huggingface.co/spaces/somratpro/HuggingClip) | [Repo](https://github.com/somratpro/huggingclip) |
 

cloudflare-keepalive-setup.py

@@ -0,0 +1,212 @@
+#!/usr/bin/env python3
+from __future__ import annotations
+
+"""Create or reuse a Cloudflare Worker for Space keep-awake."""
+
+import json
+import os
+import re
+import sys
+import time
+import urllib.request
+from pathlib import Path
+
+API_BASE = "https://api.cloudflare.com/client/v4"
+KEEPALIVE_STATUS_FILE = Path("/tmp/hugging8n-cloudflare-keepalive-status.json")
+
+
+def cf_request(method: str, path: str, token: str, body: bytes | None = None, content_type: str = "application/json"):
+    req = urllib.request.Request(
+        f"{API_BASE}{path}",
+        data=body,
+        method=method,
+        headers={"Authorization": f"Bearer {token}", "Content-Type": content_type},
+    )
+    with urllib.request.urlopen(req, timeout=30) as response:
+        payload = json.loads(response.read().decode("utf-8"))
+    if not payload.get("success"):
+        errors = payload.get("errors") or [{"message": "Unknown Cloudflare API error"}]
+        raise RuntimeError(errors[0].get("message", "Unknown Cloudflare API error"))
+    return payload["result"]
+
+
+def slugify(value: str) -> str:
+    cleaned = re.sub(r"[^a-z0-9-]+", "-", value.lower()).strip("-")
+    cleaned = re.sub(r"-{2,}", "-", cleaned)
+    return (cleaned or "hugging8n-proxy")[:63].rstrip("-")
+
+
+def get_space_host() -> str:
+    space_host = os.environ.get("SPACE_HOST", "").strip()
+    if space_host:
+        return space_host
+    
+    author = os.environ.get("SPACE_AUTHOR_NAME", "").strip()
+    repo = os.environ.get("SPACE_REPO_NAME", "").strip()
+    if author and repo:
+        return f"{author}-{repo}.hf.space".lower()
+    
+    return ""
+
+
+def derive_keepalive_worker_name() -> str:
+    explicit = os.environ.get("CLOUDFLARE_KEEPALIVE_WORKER_NAME", "").strip()
+    if explicit:
+        return slugify(explicit)
+    space_host = get_space_host()
+    if space_host:
+        return slugify(f"{space_host.replace('.hf.space', '')}-keepalive")
+    return "hugging8n-keepalive"
+
+
+def render_keepalive_worker(target_url: str) -> str:
+    return f"""addEventListener("fetch", (event) => {{
+  event.respondWith(handleRequest(event.request));
+}});
+
+addEventListener("scheduled", (event) => {{
+  event.waitUntil(ping("cron"));
+}});
+
+const TARGET_URL = {json.dumps(target_url)};
+
+async function ping(source) {{
+  const startedAt = new Date().toISOString();
+  try {{
+    const response = await fetch(TARGET_URL, {{
+      method: "GET",
+      headers: {{
+        "user-agent": "Hugging8n Cloudflare KeepAlive",
+        "cache-control": "no-cache"
+      }},
+      cf: {{ cacheTtl: 0, cacheEverything: false }}
+    }});
+    return {{
+      ok: response.ok,
+      status: response.status,
+      source,
+      target: TARGET_URL,
+      timestamp: startedAt
+    }};
+  }} catch (error) {{
+    return {{
+      ok: false,
+      status: 0,
+      source,
+      target: TARGET_URL,
+      timestamp: startedAt,
+      error: error.message
+    }};
+  }}
+}}
+
+async function handleRequest(request) {{
+  const url = new URL(request.url);
+  if (url.pathname === "/" || url.pathname === "/health" || url.pathname === "/ping") {{
+    const result = await ping("manual");
+    return new Response(JSON.stringify(result, null, 2), {{
+      status: result.ok ? 200 : 502,
+      headers: {{ "content-type": "application/json; charset=utf-8" }}
+    }});
+  }}
+  return new Response("Not found", {{ status: 404 }});
+}}
+"""
+
+
+def write_keepalive_status(payload: dict) -> None:
+    payload = {
+        **payload,
+        "timestamp": payload.get("timestamp") or time.strftime("%Y-%m-%dT%H:%M:%SZ", time.gmtime()),
+    }
+    KEEPALIVE_STATUS_FILE.write_text(json.dumps(payload), encoding="utf-8")
+    try:
+        KEEPALIVE_STATUS_FILE.chmod(0o600)
+    except OSError:
+        pass
+
+
+def resolve_account_and_subdomain(api_token: str) -> tuple[str, str]:
+    account_id = os.environ.get("CLOUDFLARE_ACCOUNT_ID", "").strip()
+    if not account_id:
+        accounts = cf_request("GET", "/accounts", api_token)
+        if not accounts:
+            raise RuntimeError("No Cloudflare account is available for this token.")
+        account_id = accounts[0]["id"]
+
+    subdomain_info = cf_request("GET", f"/accounts/{account_id}/workers/subdomain", api_token)
+    subdomain = (subdomain_info or {}).get("subdomain", "").strip()
+    if not subdomain:
+        raise RuntimeError("Cloudflare Workers subdomain is not configured. Enable workers.dev first.")
+    return account_id, subdomain
+
+
+def setup_keepalive_worker(api_token: str, account_id: str, subdomain: str) -> None:
+    enabled = os.environ.get("CLOUDFLARE_KEEPALIVE_ENABLED", "true").strip().lower()
+    if enabled in {"0", "false", "no", "off"}:
+        write_keepalive_status({"configured": False, "status": "disabled", "message": "Cloudflare keep-awake is disabled."})
+        return
+
+    space_host = get_space_host()
+    if not space_host:
+        write_keepalive_status({"configured": False, "status": "skipped", "message": "SPACE_HOST could not be determined."})
+        return
+
+    cron = os.environ.get("CLOUDFLARE_KEEPALIVE_CRON", "*/10 * * * *").strip()
+    space_host = space_host.removeprefix("https://").removeprefix("http://").split("/")[0]
+    target_url = os.environ.get("CLOUDFLARE_KEEPALIVE_URL", f"https://{space_host}/health").strip()
+    worker_name = derive_keepalive_worker_name()
+    worker_source = render_keepalive_worker(target_url)
+
+    cf_request(
+        "PUT",
+        f"/accounts/{account_id}/workers/scripts/{worker_name}",
+        api_token,
+        body=worker_source.encode("utf-8"),
+        content_type="application/javascript",
+    )
+    cf_request(
+        "POST",
+        f"/accounts/{account_id}/workers/scripts/{worker_name}/subdomain",
+        api_token,
+        body=json.dumps({"enabled": True, "previews_enabled": True}).encode("utf-8"),
+    )
+    cf_request(
+        "PUT",
+        f"/accounts/{account_id}/workers/scripts/{worker_name}/schedules",
+        api_token,
+        body=json.dumps([{"cron": cron}]).encode("utf-8"),
+    )
+
+    worker_url = f"https://{worker_name}.{subdomain}.workers.dev"
+    write_keepalive_status(
+        {
+            "configured": True,
+            "status": "configured",
+            "workerName": worker_name,
+            "workerUrl": worker_url,
+            "targetUrl": target_url,
+            "cron": cron,
+            "message": f"Cloudflare Worker cron pings {target_url} on {cron}.",
+        }
+    )
+
+
+def main() -> int:
+    api_token = os.environ.get("CLOUDFLARE_WORKERS_TOKEN", "").strip()
+
+    if not api_token:
+        return 0
+
+    try:
+        account_id, subdomain = resolve_account_and_subdomain(api_token)
+        setup_keepalive_worker(api_token, account_id, subdomain)
+        return 0
+    except Exception as exc:
+        print(f"Cloudflare keepalive setup failed: {exc}", file=sys.stderr)
+        write_keepalive_status({"configured": False, "status": "error", "message": str(exc)})
+        return 1
+
+
+if __name__ == "__main__":
+    raise SystemExit(main())

health-server.js

@@ -6,8 +6,7 @@ const PORT = Number(process.env.PUBLIC_PORT || 7861);
 const TARGET_PORT = Number(process.env.N8N_PORT || 5678);
 const TARGET_HOST = "127.0.0.1";
 const SYNC_STATUS_FILE = "/tmp/hugging8n-sync-status.json";
-const UPTIMEROBOT_STATUS_FILE = "/tmp/hugging8n-uptimerobot-status.json";
-const UPTIMEROBOT_API_KEY_SET = !!process.env.UPTIMEROBOT_API_KEY;
+const CLOUDFLARE_KEEPALIVE_STATUS_FILE = "/tmp/hugging8n-cloudflare-keepalive-status.json";
 const startTime = Date.now();
 
 function parseRequestUrl(url) {
@@ -31,10 +30,10 @@ function getStatus() {
   };
 }
 
-function getUptimeRobotStatus() {
+function getKeepaliveStatus() {
   try {
-    if (fs.existsSync(UPTIMEROBOT_STATUS_FILE)) {
-      return JSON.parse(fs.readFileSync(UPTIMEROBOT_STATUS_FILE, "utf8"));
+    if (fs.existsSync(CLOUDFLARE_KEEPALIVE_STATUS_FILE)) {
+      return JSON.parse(fs.readFileSync(CLOUDFLARE_KEEPALIVE_STATUS_FILE, "utf8"));
     }
   } catch {}
   return null;
@@ -62,222 +61,141 @@ function probeN8nHealth(timeoutMs = 1500) {
   });
 }
 
-function renderDashboard(data) {
-  const { status } = data.sync;
-  const getBadge = (status) => {
-    let cls = "status-offline";
-    if (
-      status === "success" ||
-      status === "configured" ||
-      status === "restored" ||
-      status === "synced"
-    )
-      cls = "status-online";
-    if (status === "syncing" || status === "restoring") cls = "status-syncing";
-    return `<div class="status-badge ${cls}">${cls === "status-online" ? '<div class="pulse"></div>' : ""}${String(status).toUpperCase()}</div>`;
-  };
-
-  const urStatus = data.uptimerobotStatus;
-  let keepAwakeHtml;
-  if (urStatus?.configured) {
-    keepAwakeHtml = `
-            <div class="helper-summary success">
-                ${getBadge("configured")}
-                <span>UptimeRobot monitor active for <code>${urStatus.url || "your /health endpoint"}</code>.</span>
-            </div>`;
-  } else if (urStatus?.configured === false) {
-    keepAwakeHtml = `
-            <div class="helper-summary error">
-                ${getBadge("failed")}
-                <span>Monitor setup failed. Check Space logs for details.</span>
-            </div>`;
-  } else if (UPTIMEROBOT_API_KEY_SET) {
-    keepAwakeHtml = `
-            <div class="helper-summary">
-                ${getBadge("syncing")} Setting up UptimeRobot monitor&hellip;
-            </div>`;
-  } else {
-    keepAwakeHtml = `
-            <div class="helper-summary">
-                <strong>Not configured.</strong> Add <code>UPTIMEROBOT_API_KEY</code> to Space secrets to enable keep-awake monitoring.
-            </div>`;
-  }
+function escapeHtml(value) {
+  return String(value)
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;");
+}
 
-  return `
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Hugging8n Dashboard</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap" rel="stylesheet">
-    <style>
-        :root {
-            --bg: #0f172a;
-            --card: #1e293b;
-            --accent: #6366f1;
-            --text: #f8fafc;
-            --text-muted: #94a3b8;
-            --success: #22c55e;
-            --warning: #f59e0b;
-            --error: #ef4444;
-        }
-        * { box-sizing: border-box; margin: 0; padding: 0; }
-        body {
-            font-family: 'Outfit', sans-serif;
-            background: var(--bg);
-            color: var(--text);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            min-height: 100vh;
-            padding: 20px;
-        }
-        .dashboard {
-            background: var(--card);
-            width: 100%;
-            max-width: 500px;
-            padding: 40px;
-            border-radius: 24px;
-            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-            text-align: center;
-            border: 1px solid rgba(255,255,255,0.05);
-        }
-        h1 { font-size: 2.5rem; margin-bottom: 8px; letter-spacing: -1px; }
-        .subtitle { color: var(--text-muted); margin-bottom: 32px; font-weight: 300; }
+function toneBadge(label, tone = "neutral") {
+  return `<span class="badge ${tone}">${escapeHtml(label)}</span>`;
+}
 
-        .stats {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 16px;
-            margin-bottom: 24px;
-        }
-        .stat-card {
-            background: rgba(255,255,255,0.03);
-            padding: 20px;
-            border-radius: 16px;
-            text-align: left;
-        }
-        .stat-label { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; margin-bottom: 4px; }
-        .stat-value { font-size: 1.25rem; font-weight: 600; }
+function renderTile({ title, value, detail = "", tone = "neutral", meta = "" }) {
+  return `<article class="tile ${tone}">
+    <div class="tile-head">
+      <span class="tile-title">${escapeHtml(title)}</span>
+      <span class="tile-dot"></span>
+    </div>
+    <div class="tile-value">${value}</div>
+    ${detail ? `<div class="tile-detail">${detail}</div>` : ""}
+    ${meta ? `<div class="tile-meta">${meta}</div>` : ""}
+  </article>`;
+}
 
-        .sync-box {
-            background: rgba(255,255,255,0.03);
-            padding: 24px;
-            border-radius: 16px;
-            margin-bottom: 32px;
-            text-align: left;
-            position: relative;
-        }
-        .sync-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
-        .status-badge {
-            padding: 4px 10px;
-            border-radius: 20px;
-            font-size: 0.7rem;
-            font-weight: 600;
-            display: flex;
-            align-items: center;
-            gap: 6px;
-        }
-        .status-online { background: rgba(34, 197, 94, 0.2); color: var(--success); }
-        .status-syncing { background: rgba(245, 158, 11, 0.2); color: var(--warning); }
-        .status-offline { background: rgba(239, 68, 68, 0.2); color: var(--error); }
+function renderDashboard(data) {
+  const syncStatus = String(data.sync?.status || "unknown");
+  const syncTone = ["success", "restored", "synced", "configured"].includes(syncStatus)
+    ? "ok"
+    : syncStatus === "disabled"
+      ? "warn"
+      : "neutral";
+  const backupDetail = data.sync?.message ? escapeHtml(data.sync.message) : "No status yet";
 
-        .pulse {
-            width: 8px;
-            height: 8px;
-            background: currentColor;
-            border-radius: 50%;
-            animation: pulse 2s infinite;
-        }
-        @keyframes pulse {
-            0% { transform: scale(0.95); opacity: 0.7; }
-            70% { transform: scale(1.5); opacity: 0; }
-            100% { transform: scale(0.95); opacity: 0; }
-        }
+  const keepaliveConfigured = data.keepalive?.configured === true;
+  const keepaliveStatus = String(
+    data.keepalive?.status ||
+      (process.env.CLOUDFLARE_WORKERS_TOKEN ? "pending" : "not configured"),
+  );
+  const keepAliveTone = keepaliveConfigured
+    ? "ok"
+    : process.env.CLOUDFLARE_WORKERS_TOKEN
+      ? "warn"
+      : "neutral";
+  const keepAliveDetail = keepaliveConfigured
+    ? `Pinging <code>${escapeHtml(data.keepalive.targetUrl || "/health")}</code>`
+    : process.env.CLOUDFLARE_WORKERS_TOKEN
+      ? "Worker pending or failed"
+      : "Not configured";
 
-        .btn-primary {
-            display: block;
-            width: 100%;
-            padding: 18px;
-            background: var(--accent);
-            color: white;
-            text-decoration: none;
-            border-radius: 16px;
-            font-weight: 600;
-            font-size: 1.1rem;
-            transition: all 0.2s;
-            box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.4);
-            margin-bottom: 32px;
-        }
-        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(99, 102, 241, 0.4); }
+  const tiles = [
+    renderTile({
+      title: "n8n Core",
+      value: toneBadge(data.n8nReady ? "Online" : "Offline", data.n8nReady ? "ok" : "off"),
+      detail: `Internal Port ${TARGET_PORT}`,
+      tone: data.n8nReady ? "ok" : "off",
+    }),
+    renderTile({
+      title: "Runtime",
+      value: escapeHtml(data.uptimeHuman),
+      detail: `Public Port ${PORT}`,
+      tone: "neutral",
+    }),
+    renderTile({
+      title: "Backup",
+      value: toneBadge(syncStatus.toUpperCase(), syncTone),
+      detail: backupDetail,
+      tone: syncTone,
+    }),
+    renderTile({
+      title: "Keep Awake",
+      value: toneBadge(keepaliveConfigured ? "CF Cron" : keepaliveStatus.toUpperCase(), keepAliveTone),
+      detail: keepAliveDetail,
+      tone: keepAliveTone,
+    }),
+  ].join("");
 
-        .keep-alive {
-            border-top: 1px solid rgba(255,255,255,0.05);
-            padding-top: 24px;
-            text-align: left;
-        }
-        .keep-alive h3 { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 12px; }
+  return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Hugging8n</title>
+  <style>
+    :root { color-scheme: dark; --bg:#08080f; --panel:#12111b; --panel2:#151421; --line:#26243a; --text:#f6f4ff; --muted:#7f7a9e; --soft:#b8b3d7; --good:#22c55e; --warn:#f5c542; --bad:#fb7185; --accent:#6557df; --accent2:#7c6cf2; }
+    * { box-sizing:border-box; }
+    body { margin:0; min-height:100vh; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:var(--bg); color:var(--text); font-size:13px; }
+    main { width:min(720px, calc(100% - 32px)); margin:0 auto; padding:36px 0 44px; }
+    header { text-align:center; margin-bottom:22px; }
+    h1 { margin:0; font-size:1.65rem; line-height:1; letter-spacing:0; }
+    .subtitle { margin-top:12px; color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }
+    .hero-action { display:flex; width:100%; min-height:46px; align-items:center; justify-content:center; border-radius:8px; background:#ffffff; color:#000000; text-decoration:none; font-weight:850; font-size:.98rem; margin:24px 0 20px; transition: background 0.15s ease; }
+    .hero-action:hover { background:#e5e5e5; }
+    .overview { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-bottom:10px; }
+    .tile { border:1px solid var(--line); background:var(--panel); border-radius:11px; padding:18px; min-height:124px; display:flex; flex-direction:column; gap:10px; position:relative; }
+    .tile.ok { border-color:rgba(34,197,94,.22); }
+    .tile.warn { border-color:rgba(245,197,66,.24); }
+    .tile.off { border-color:rgba(251,113,133,.28); }
+    .tile-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
+    .tile-title { color:var(--muted); font-size:.67rem; letter-spacing:.18em; text-transform:uppercase; font-weight:850; }
+    .tile-dot { width:7px; height:7px; border-radius:50%; background:var(--line); }
+    .tile.ok .tile-dot { background:var(--good); }
+    .tile.warn .tile-dot { background:var(--warn); }
+    .tile.off .tile-dot { background:var(--bad); }
+    .tile-value { font-size:1.12rem; font-weight:850; overflow-wrap:anywhere; }
+    .tile-detail { color:var(--soft); line-height:1.45; font-size:.83rem; }
+    .tile-meta { color:var(--muted); line-height:1.4; font-size:.75rem; margin-top:auto; overflow-wrap:anywhere; }
 
-        .helper-summary {
-            margin-top: 14px;
-            padding: 12px 14px;
-            border-radius: 12px;
-            background: rgba(255, 255, 255, 0.03);
-            color: var(--text-muted);
-            font-size: 0.85rem;
-            line-height: 1.5;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            flex-wrap: wrap;
-        }
-        .helper-summary strong { color: var(--text); }
-        .helper-summary code {
-            background: rgba(255,255,255,0.06);
-            padding: 2px 6px;
-            border-radius: 6px;
-            font-size: 0.82rem;
-            color: var(--text);
-        }
-        .helper-summary.success { background: rgba(34, 197, 94, 0.08); }
-        .helper-summary.error { background: rgba(239, 68, 68, 0.08); }
-    </style>
+    code { background:#232234; border:1px solid #34324c; border-radius:6px; padding:2px 6px; color:var(--text); font-size:.9em; }
+    pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; background:#0d0d0d; border:1px solid var(--line); border-radius:7px; padding:10px; color:var(--soft); font-size:.82rem; line-height:1.45; }
+    .row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
+    .badge { display:inline-flex; align-items:center; width:max-content; border:1px solid var(--line); border-radius:999px; padding:5px 10px; font-size:.72rem; font-weight:850; line-height:1; text-transform:uppercase; }
+    .badge.ok { color:var(--good); border-color:rgba(34,197,94,.34); background:rgba(34,197,94,.11); }
+    .badge.warn { color:var(--warn); border-color:rgba(245,197,66,.34); background:rgba(245,197,66,.11); }
+    .badge.off { color:var(--bad); border-color:rgba(251,113,133,.34); background:rgba(251,113,133,.11); }
+    .badge.neutral { color:var(--soft); }
+    .muted { color:var(--muted); }
+    .button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border-radius:8px; color:#fff; background:var(--accent); text-decoration:none; font-weight:850; font-size:.9rem; }
+    .button.secondary { color:var(--text); background:#242424; border:1px solid var(--line); }
+    footer { color:var(--muted); text-align:center; font-size:.74rem; margin-top:18px; }
+    footer .live { color:var(--good); }
+    @media (max-width: 700px) { .overview { grid-template-columns:1fr; } main { width:min(100% - 22px, 720px); padding-top:28px; } }
+  </style>
 </head>
 <body>
-    <div class="dashboard">
-        <h1>🔗 Hugging8n</h1>
-        <p class="subtitle">Workflow Automation Space</p>
-
-        <div class="stats">
-            <div class="stat-card">
-                <div class="stat-label">Uptime</div>
-                <div class="stat-value">${data.uptimeHuman}</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-label">n8n Port</div>
-                <div class="stat-value">${TARGET_PORT}</div>
-            </div>
-        </div>
-
-        <div class="sync-box">
-            <div class="sync-header">
-                <div class="stat-label">Sync Status</div>
-                ${getBadge(data.sync.status)}
-            </div>
-            <div class="stat-value" style="font-size: 1rem; margin-bottom: 4px;">Last Activity: ${data.sync.timestamp.split(".")[0]}Z</div>
-            <div class="stat-label" style="text-transform: none;">${data.sync.message}</div>
-        </div>
-
-        <a href="/home/workflows" target="_blank" class="btn-primary">Open n8n Editor</a>
-
-        <div class="keep-alive">
-            <span class="stat-label">Keep Space Awake</span>
-            ${keepAwakeHtml}
-        </div>
-    </div>
+  <main>
+    <header>
+      <h1>Hugging8n</h1>
+      <div class="subtitle">Workflow Automation Space</div>
+    </header>
+    <a class="hero-action" href="/home/workflows" target="_blank" rel="noopener noreferrer">Open n8n Editor -&gt;</a>
+    <section class="overview">
+      ${tiles}
+    </section>
+    <footer><span class="live">Live</span> status - Health endpoint: <code>/health</code></footer>
+  </main>
 </body>
 </html>`;
 }
@@ -295,34 +213,38 @@ const server = http.createServer(async (req, res) => {
         status: n8nReady ? "ok" : "degraded",
         n8nReady,
         ...getStatus(),
+        keepalive: getKeepaliveStatus(),
       }),
     );
   }
   if (pathname === "/status") {
     const uptime = Math.floor((Date.now() - startTime) / 1000);
     const n8nReady = await probeN8nHealth();
+    res.writeHead(200, { "Content-Type": "application/json" });
     return res.end(
       JSON.stringify({
         uptime: `${Math.floor(uptime / 3600)}h ${Math.floor((uptime % 3600) / 60)}m`,
         n8nReady,
         sync: getStatus(),
+        keepalive: getKeepaliveStatus(),
       }),
     );
   }
   if (pathname === "/" || pathname === "/dashboard") {
     const uptime = Math.floor((Date.now() - startTime) / 1000);
+    const n8nReady = await probeN8nHealth();
     res.writeHead(200, { "Content-Type": "text/html" });
     return res.end(
       renderDashboard({
         uptimeHuman: `${Math.floor(uptime / 3600)}h ${Math.floor((uptime % 3600) / 60)}m`,
+        n8nReady,
         sync: getStatus(),
-        uptimerobotStatus: getUptimeRobotStatus(),
+        keepalive: getKeepaliveStatus(),
       }),
     );
   }
 
   // 2. n8n Proxy Logic
-  // Any path that isn't a dashboard route gets proxied to n8n.
   const proxyHeaders = {
     ...req.headers,
     host: `127.0.0.1:${TARGET_PORT}`,
@@ -394,7 +316,6 @@ server.on("upgrade", (req, socket, head) => {
   proxySocket.on("error", () => socket.destroy());
 });
 
-// Disable overall timeout for SSE, but keep keep-alive healthy
 server.timeout = 0;
 server.keepAliveTimeout = 65000;
 server.listen(PORT, "0.0.0.0", () =>

setup-uptimerobot.sh

@@ -1,74 +0,0 @@
-#!/bin/bash
-set -euo pipefail
-
-API_URL="https://api.uptimerobot.com/v2"
-API_KEY="${UPTIMEROBOT_API_KEY:-}"
-SPACE_HOST_INPUT="${1:-${SPACE_HOST:-}}"
-STATUS_FILE="/tmp/hugging8n-uptimerobot-status.json"
-
-if [ -z "$API_KEY" ]; then
-  echo "Missing UPTIMEROBOT_API_KEY."
-  exit 1
-fi
-
-if [ -z "$SPACE_HOST_INPUT" ]; then
-  echo "Missing Space host."
-  echo "Usage: UPTIMEROBOT_API_KEY=... ./setup-uptimerobot.sh your-space.hf.space"
-  exit 1
-fi
-
-SPACE_HOST_CLEAN="${SPACE_HOST_INPUT#https://}"
-SPACE_HOST_CLEAN="${SPACE_HOST_CLEAN#http://}"
-SPACE_HOST_CLEAN="${SPACE_HOST_CLEAN%%/*}"
-
-MONITOR_URL="https://${SPACE_HOST_CLEAN}/health"
-MONITOR_NAME="${UPTIMEROBOT_MONITOR_NAME:-Hugging8n ${SPACE_HOST_CLEAN}}"
-INTERVAL="${UPTIMEROBOT_INTERVAL:-300}"
-
-MONITORS_RESPONSE=$(curl -sS -X POST "${API_URL}/getMonitors" \
-  -d "api_key=${API_KEY}" \
-  -d "format=json" \
-  -d "logs=0" \
-  -d "response_times=0" \
-  -d "response_times_limit=1")
-
-MONITOR_ID=$(printf '%s' "$MONITORS_RESPONSE" | jq -r --arg url "$MONITOR_URL" '
-  (.monitors // []) | map(select(.url == $url)) | first | .id // empty
-')
-
-if [ -n "$MONITOR_ID" ]; then
-  printf '{"configured":true,"monitorId":"%s","url":"%s","alreadyExisted":true,"timestamp":"%s"}\n' \
-    "$MONITOR_ID" "$MONITOR_URL" "$(date -u +%Y-%m-%dT%H:%M:%SZ)" > "$STATUS_FILE"
-  echo "Monitor already exists (id=${MONITOR_ID}) for ${MONITOR_URL}"
-  exit 0
-fi
-
-CURL_ARGS=(
-  -sS
-  -X POST "${API_URL}/newMonitor"
-  -d "api_key=${API_KEY}"
-  -d "format=json"
-  -d "type=1"
-  -d "friendly_name=${MONITOR_NAME}"
-  -d "url=${MONITOR_URL}"
-  -d "interval=${INTERVAL}"
-)
-
-if [ -n "${UPTIMEROBOT_ALERT_CONTACTS:-}" ]; then
-  CURL_ARGS+=(-d "alert_contacts=${UPTIMEROBOT_ALERT_CONTACTS}")
-fi
-
-CREATE_RESPONSE=$(curl "${CURL_ARGS[@]}")
-CREATE_STATUS=$(printf '%s' "$CREATE_RESPONSE" | jq -r '.stat // "fail"')
-
-if [ "$CREATE_STATUS" != "ok" ]; then
-  printf '{"configured":false,"error":"creation failed","timestamp":"%s"}\n' \
-    "$(date -u +%Y-%m-%dT%H:%M:%SZ)" > "$STATUS_FILE"
-  printf '%s\n' "$CREATE_RESPONSE"
-  exit 1
-fi
-
-NEW_ID=$(printf '%s' "$CREATE_RESPONSE" | jq -r '.monitor.id // empty')
-printf '{"configured":true,"monitorId":"%s","url":"%s","timestamp":"%s"}\n' \
-  "${NEW_ID:-}" "$MONITOR_URL" "$(date -u +%Y-%m-%dT%H:%M:%SZ)" > "$STATUS_FILE"
-echo "Created UptimeRobot monitor ${NEW_ID:-"(id unavailable)"} for ${MONITOR_URL}"

start.sh

@@ -118,9 +118,9 @@ fi
 node "$APP_DIR/health-server.js" &
 PROXY_PID=$!
 
-if [ -n "${UPTIMEROBOT_API_KEY:-}" ] && [ -n "${SPACE_HOST_DETECTED:-}" ]; then
-  echo "Setting up UptimeRobot monitor..."
-  bash "$APP_DIR/setup-uptimerobot.sh" "$SPACE_HOST_DETECTED" || true
+if [ -n "${CLOUDFLARE_WORKERS_TOKEN:-}" ]; then
+  echo "Setting up Cloudflare KeepAlive monitor..."
+  python3 "$APP_DIR/cloudflare-keepalive-setup.py" || true
 fi
 
 n8n start &