web-agent-bridge 3.3.0 → 3.8.1

package/public/.well-known/ai-assets.json

@@ -1,59 +1,59 @@
-{
-  "schema_version": "1.0",
-  "project": {
-    "name": "Web Agent Bridge",
-    "short_name": "WAB",
-    "description": "Open protocol and runtime for AI agent ↔ website interaction",
-    "url": "https://webagentbridge.com",
-    "repository": "https://github.com/abokenan444/web-agent-bridge",
-    "license": "MIT",
-    "version": "1.2.0",
-    "category": "developer-tools",
-    "tags": [
-      "ai-agent",
-      "web-protocol",
-      "automation",
-      "browser-bridge",
-      "mcp",
-      "fairness",
-      "discovery-protocol",
-      "open-standard",
-      "agentic-web"
-    ]
-  },
-  "ai_resources": {
-    "llms_txt": "https://webagentbridge.com/llms.txt",
-    "llms_full_txt": "https://webagentbridge.com/llms-full.txt",
-    "openapi_spec": "https://webagentbridge.com/openapi.json",
-    "discovery_document": "https://webagentbridge.com/agent-bridge.json",
-    "well_known_discovery": "https://webagentbridge.com/.well-known/wab.json",
-    "protocol_spec": "https://github.com/abokenan444/web-agent-bridge/blob/master/docs/SPEC.md",
-    "mcp_adapter": "https://www.npmjs.com/package/wab-mcp-adapter",
-    "ai_resources_page": "https://webagentbridge.com/ai"
-  },
-  "feeds": {
-    "atom": "https://webagentbridge.com/feed.xml",
-    "sitemap": "https://webagentbridge.com/sitemap.xml"
-  },
-  "integration": {
-    "npm_package": "web-agent-bridge",
-    "npm_url": "https://www.npmjs.com/package/web-agent-bridge",
-    "docker": "webagentbridge/wab",
-    "wordpress_plugin": "https://github.com/abokenan444/web-agent-bridge/tree/master/web-agent-bridge-wordpress",
-    "mcp_adapter_npm": "wab-mcp-adapter"
-  },
-  "endpoints": {
-    "discovery": "/api/wab/discover",
-    "actions": "/api/wab/actions",
-    "execute": "/api/wab/execute",
-    "ping": "/api/wab/ping",
-    "plans": "/api/plans",
-    "registry": "/api/discovery/registry",
-    "search": "/api/discovery/search"
-  },
-  "contact": {
-    "support": "support@webagentbridge.com",
-    "sales": "sales@webagentbridge.com",
-    "issues": "https://github.com/abokenan444/web-agent-bridge/issues"
-  }
-}
+{
+  "schema_version": "1.0",
+  "project": {
+    "name": "Web Agent Bridge",
+    "short_name": "WAB",
+    "description": "Open protocol and runtime for AI agent ↔ website interaction",
+    "url": "https://webagentbridge.com",
+    "repository": "https://github.com/abokenan444/web-agent-bridge",
+    "license": "MIT",
+    "version": "1.2.0",
+    "category": "developer-tools",
+    "tags": [
+      "ai-agent",
+      "web-protocol",
+      "automation",
+      "browser-bridge",
+      "mcp",
+      "fairness",
+      "discovery-protocol",
+      "open-standard",
+      "agentic-web"
+    ]
+  },
+  "ai_resources": {
+    "llms_txt": "https://webagentbridge.com/llms.txt",
+    "llms_full_txt": "https://webagentbridge.com/llms-full.txt",
+    "openapi_spec": "https://webagentbridge.com/openapi.json",
+    "discovery_document": "https://webagentbridge.com/agent-bridge.json",
+    "well_known_discovery": "https://webagentbridge.com/.well-known/wab.json",
+    "protocol_spec": "https://github.com/abokenan444/web-agent-bridge/blob/master/docs/SPEC.md",
+    "mcp_adapter": "https://www.npmjs.com/package/wab-mcp-adapter",
+    "ai_resources_page": "https://webagentbridge.com/ai"
+  },
+  "feeds": {
+    "atom": "https://webagentbridge.com/feed.xml",
+    "sitemap": "https://webagentbridge.com/sitemap.xml"
+  },
+  "integration": {
+    "npm_package": "web-agent-bridge",
+    "npm_url": "https://www.npmjs.com/package/web-agent-bridge",
+    "docker": "webagentbridge/wab",
+    "wordpress_plugin": "https://github.com/abokenan444/web-agent-bridge/tree/master/web-agent-bridge-wordpress",
+    "mcp_adapter_npm": "wab-mcp-adapter"
+  },
+  "endpoints": {
+    "discovery": "/api/wab/discover",
+    "actions": "/api/wab/actions",
+    "execute": "/api/wab/execute",
+    "ping": "/api/wab/ping",
+    "plans": "/api/plans",
+    "registry": "/api/discovery/registry",
+    "search": "/api/discovery/search"
+  },
+  "contact": {
+    "support": "support@webagentbridge.com",
+    "sales": "sales@webagentbridge.com",
+    "issues": "https://github.com/abokenan444/web-agent-bridge/issues"
+  }
+}

package/public/.well-known/security.txt

@@ -1,8 +1,8 @@
-Contact: mailto:security@webagentbridge.com
-Expires: 2027-04-26T00:00:00.000Z
-Encryption: https://www.webagentbridge.com/.well-known/pgp-key.txt
-Acknowledgments: https://www.webagentbridge.com/security#hall-of-fame
-Preferred-Languages: en, ar
-Canonical: https://www.webagentbridge.com/.well-known/security.txt
-Policy: https://www.webagentbridge.com/security
-Hiring: https://www.webagentbridge.com/security#bug-bounty
+Contact: mailto:security@webagentbridge.com
+Expires: 2027-04-26T00:00:00.000Z
+Encryption: https://www.webagentbridge.com/.well-known/pgp-key.txt
+Acknowledgments: https://www.webagentbridge.com/security#hall-of-fame
+Preferred-Languages: en, ar
+Canonical: https://www.webagentbridge.com/.well-known/security.txt
+Policy: https://www.webagentbridge.com/security
+Hiring: https://www.webagentbridge.com/security#bug-bounty

package/public/.well-known/wab.json

@@ -0,0 +1,28 @@
+{
+  "payload": {
+    "version": "wab1",
+    "type": "wab.trust",
+    "host": "www.webagentbridge.com",
+    "endpoint": "https://www.webagentbridge.com",
+    "issued_at": "2026-05-07T15:39:11.684Z",
+    "expires_at": "2027-05-07T15:39:11.684Z",
+    "capabilities": {
+      "discovery": true,
+      "shieldqr": true,
+      "governance": true,
+      "plans_api": "/api/plans",
+      "scan_api": "/api/shieldqr/scan"
+    },
+    "trust": {
+      "pk": "ed25519:sjxdiyuM+fnu2N6aLyk1VrDPkYgE5p0+pGb2sl3Y6hg=",
+      "ssl": {
+        "thumbprint": "420c036a9bc9ecf11292042e5bce9b82595497b81cbf051787e97318ed36d9da",
+        "expires": "2026-06-19T14:10:20.000Z",
+        "days_until_expiry": 42,
+        "issuer": "Let's Encrypt",
+        "status": "active"
+      }
+    }
+  },
+  "signature": "ed25519:S4GLDJCRNe1HR6lIYm0lUQqK1izP8BjbzU1n83pE/E+k6Zc6g/doOhd6OZNElhdAzwfczhut7LRuEgzn1oAxDw=="
+}

package/public/activate.html

@@ -0,0 +1,448 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Activate WAB Discovery in One Click — Web Agent Bridge</title>
+  <meta name="description" content="Add one DNS TXT record and make your website instantly discoverable by AI agents. Step-by-step guide for Cloudflare, cPanel, GoDaddy, Namecheap and more.">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
+  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+  <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"></noscript>
+  <link rel="stylesheet" href="/css/styles.css?v=3.2.0">
+  <style>
+    /* ─── Page-specific styles ─── */
+    .activate-hero {
+      padding: 120px 24px 60px;
+      text-align: center;
+      background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,0.18) 0%, transparent 70%);
+    }
+    .activate-hero h1 {
+      font-size: clamp(2rem, 5vw, 3.5rem);
+      font-weight: 900;
+      line-height: 1.1;
+      margin-bottom: 1.2rem;
+    }
+    .activate-hero .subtitle {
+      font-size: 1.2rem;
+      color: #94a3b8;
+      max-width: 640px;
+      margin: 0 auto 2rem;
+    }
+    .lang-toggle {
+      display: flex;
+      gap: 8px;
+      justify-content: center;
+      margin-bottom: 2.5rem;
+    }
+    .lang-toggle button {
+      padding: 8px 20px;
+      border-radius: 20px;
+      border: 1.5px solid #334155;
+      background: transparent;
+      color: #94a3b8;
+      cursor: pointer;
+      font-size: 0.9rem;
+      transition: all 0.2s;
+    }
+    .lang-toggle button.active {
+      background: linear-gradient(135deg, #6366f1, #8b5cf6);
+      border-color: transparent;
+      color: #fff;
+      font-weight: 600;
+    }
+    /* Steps */
+    .steps-section {
+      max-width: 860px;
+      margin: 0 auto;
+      padding: 0 24px 80px;
+    }
+    .steps-section h2 {
+      font-size: 1.8rem;
+      font-weight: 700;
+      margin-bottom: 2rem;
+      color: #e2e8f0;
+    }
+    .step-card {
+      background: rgba(30,41,59,0.7);
+      border: 1px solid rgba(99,102,241,0.2);
+      border-radius: 16px;
+      padding: 28px 32px;
+      margin-bottom: 24px;
+      position: relative;
+      overflow: hidden;
+    }
+    .step-card::before {
+      content: '';
+      position: absolute;
+      top: 0; left: 0;
+      width: 4px; height: 100%;
+      background: linear-gradient(180deg, #6366f1, #8b5cf6);
+      border-radius: 4px 0 0 4px;
+    }
+    .step-number {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 36px; height: 36px;
+      background: linear-gradient(135deg, #6366f1, #8b5cf6);
+      border-radius: 50%;
+      font-weight: 700;
+      font-size: 0.95rem;
+      margin-bottom: 12px;
+    }
+    .step-card h3 {
+      font-size: 1.15rem;
+      font-weight: 700;
+      margin: 0 0 10px;
+      color: #e2e8f0;
+    }
+    .step-card p {
+      color: #94a3b8;
+      margin: 0 0 16px;
+      line-height: 1.7;
+    }
+    .step-card .code-block {
+      background: #0f172a;
+      border: 1px solid #1e293b;
+      border-radius: 10px;
+      padding: 16px 20px;
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 0.85rem;
+      color: #a5f3fc;
+      overflow-x: auto;
+      margin-top: 12px;
+    }
+    .step-card .code-block .label {
+      color: #64748b;
+      font-size: 0.78rem;
+      display: block;
+      margin-bottom: 6px;
+    }
+    .step-card .code-block .key { color: #f472b6; }
+    .step-card .code-block .val { color: #34d399; }
+    /* Screenshot */
+    .step-screenshot {
+      width: 100%;
+      border-radius: 10px;
+      border: 1px solid rgba(99,102,241,0.25);
+      margin-top: 16px;
+    }
+    /* Provider tabs */
+    .provider-tabs {
+      display: flex;
+      gap: 8px;
+      flex-wrap: wrap;
+      margin-bottom: 20px;
+    }
+    .provider-tab {
+      padding: 8px 16px;
+      border-radius: 8px;
+      border: 1px solid #334155;
+      background: transparent;
+      color: #94a3b8;
+      cursor: pointer;
+      font-size: 0.85rem;
+      transition: all 0.2s;
+    }
+    .provider-tab.active {
+      background: rgba(99,102,241,0.2);
+      border-color: #6366f1;
+      color: #a5b4fc;
+    }
+    .provider-content { display: none; }
+    .provider-content.active { display: block; }
+    /* Video section */
+    .video-section {
+      max-width: 860px;
+      margin: 0 auto;
+      padding: 0 24px 80px;
+    }
+    .video-section h2 {
+      font-size: 1.8rem;
+      font-weight: 700;
+      margin-bottom: 1.5rem;
+      color: #e2e8f0;
+    }
+    .video-wrapper {
+      background: #0f172a;
+      border: 1px solid rgba(99,102,241,0.25);
+      border-radius: 16px;
+      overflow: hidden;
+      aspect-ratio: 16/9;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .video-wrapper video {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+    /* Verifier CTA */
+    .verifier-cta {
+      background: linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.15));
+      border: 1px solid rgba(99,102,241,0.3);
+      border-radius: 20px;
+      padding: 48px 32px;
+      text-align: center;
+      max-width: 640px;
+      margin: 0 auto 80px;
+    }
+    .verifier-cta h2 {
+      font-size: 1.6rem;
+      font-weight: 700;
+      margin-bottom: 12px;
+    }
+    .verifier-cta p {
+      color: #94a3b8;
+      margin-bottom: 24px;
+    }
+    /* Badge */
+    .badge-row {
+      display: flex;
+      gap: 12px;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin-bottom: 2rem;
+    }
+    .badge-img {
+      height: 28px;
+    }
+    /* RTL support */
+    html[dir="rtl"] .step-card::before {
+      left: auto; right: 0;
+      border-radius: 0 4px 4px 0;
+    }
+    html[dir="rtl"] .step-card {
+      text-align: right;
+    }
+    /* Diagnostic table */
+    .diag-row {
+      display:flex;align-items:flex-start;gap:12px;
+      padding:10px 12px;border-radius:8px;
+      background:rgba(15,23,42,0.6);border:1px solid rgba(99,102,241,0.12);
+      margin-bottom:8px;font-size:0.85rem;line-height:1.5;
+    }
+    .diag-pill {
+      flex:0 0 auto;width:22px;height:22px;border-radius:50%;
+      display:inline-flex;align-items:center;justify-content:center;
+      font-weight:700;font-size:0.78rem;color:#0a0e1a;margin-top:1px;
+    }
+    .diag-pill.pass { background:#34d399; }
+    .diag-pill.warn { background:#fbbf24; }
+    .diag-pill.fail { background:#f87171; }
+    .diag-pill.info { background:#60a5fa; }
+    .diag-body { flex:1;min-width:0; }
+    .diag-title { color:#e2e8f0;font-weight:600; }
+    .diag-detail { color:#94a3b8;font-size:0.8rem;margin-top:2px;word-break:break-word; }
+    .diag-fix { color:#fcd34d;font-size:0.8rem;margin-top:4px; }
+    .diag-summary {
+      display:flex;gap:14px;flex-wrap:wrap;
+      padding:10px 14px;margin-bottom:14px;border-radius:10px;
+      background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.2);
+      font-size:0.85rem;color:#cbd5e1;
+    }
+    /* Copy button */
+    .copy-btn {
+      padding:4px 12px;background:#1e293b;border:1px solid #334155;
+      border-radius:6px;color:#cbd5e1;font-size:0.75rem;cursor:pointer;
+      font-family:inherit;transition:all 0.15s;
+    }
+    .copy-btn:hover { background:#334155;color:#fff; }
+    .copy-btn.copied { background:#065f46;color:#a7f3d0;border-color:#10b981; }
+    /* Cloudflare callout */
+    .cf-callout {
+      background:linear-gradient(135deg,rgba(245,158,11,0.10),rgba(249,115,22,0.06));
+      border:1px solid rgba(245,158,11,0.3);
+      border-radius:12px;padding:18px 22px;margin-top:16px;
+      font-size:0.88rem;color:#fde68a;
+    }
+    .cf-callout strong { color:#fbbf24; }
+    .cf-callout ul { margin:8px 0 0;padding-inline-start:20px;color:#fde68a; }
+    .cf-callout li { margin-bottom:6px; }
+    /* TXT generator output */
+    .txt-gen-grid {
+      display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
+      background:#0f172a;border:1px solid #1e293b;border-radius:10px;
+      padding:14px 18px;margin-top:12px;font-family:'JetBrains Mono',monospace;
+      font-size:0.82rem;
+    }
+    .txt-gen-grid .gk { color:#64748b; }
+    .txt-gen-grid .gv { color:#a5f3fc;word-break:break-all; }
+    html[dir="rtl"] .diag-row { text-align:right; }
+  </style>
+</head>
+<body>
+  <!-- ═══════════ NAVBAR ═══════════ -->
+  <nav class="navbar" id="navbar">
+    <div class="container">
+      <a href="/" class="navbar-brand">
+        <div class="brand-icon">⚡</div>
+        <span>WAB</span>
+      </a>
+      <ul class="navbar-links">
+        <li><a href="/" data-i18n="nav_home">Home</a></li>
+        <li><a href="/integrations" data-i18n="nav_integrations">Integrations</a></li>
+        <li><a href="/dns" data-i18n="nav_dns">DNS Discovery</a></li>
+        <li><a href="/phone-shield" data-i18n="nav_phone">Phone Shield</a></li>
+        <li><a href="/sovereign" data-i18n="nav_sovereign">Sovereign</a></li>
+        <li><a href="/docs" data-i18n="nav_docs">Docs</a></li>
+      </ul>
+      <div class="navbar-actions">
+        <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
+        <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
+        <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
+      </div>
+      <button class="mobile-menu-btn">☰</button>
+    </div>
+  </nav>
+
+  <!-- ═══════════ HERO ═══════════ -->
+  <section class="activate-hero">
+    <div class="badge-row">
+      <img src="https://img.shields.io/badge/DNS%20Discovery-One--Click-6366f1?style=flat-square&logo=dns&logoColor=white" alt="One-Click DNS Discovery" class="badge-img">
+      <img src="https://img.shields.io/badge/Protocol-WAB%20v1-8b5cf6?style=flat-square" alt="WAB v1" class="badge-img">
+      <img src="https://img.shields.io/badge/Verified-Live%20on%20webagentbridge.com-10b981?style=flat-square" alt="Live Verified" class="badge-img">
+    </div>
+    <div class="lang-toggle">
+      <button id="btnEn" class="active" onclick="setActivateLang('en')">English</button>
+      <button id="btnAr" onclick="setActivateLang('ar')">العربية</button>
+    </div>
+    <h1 data-i18n="hero_title">Activate WAB Discovery<br><span class="gradient-text">in One Click</span></h1>
+    <p class="subtitle" data-i18n="hero_sub">Add a single DNS TXT record and make your website instantly discoverable by AI agents — no code changes required.</p>
+    <div style="background:linear-gradient(135deg,rgba(99,102,241,0.18),rgba(139,92,246,0.12));border:1px solid rgba(99,102,241,0.4);border-radius:14px;padding:14px 18px;max-width:640px;margin:0 auto 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;">
+      <span style="font-size:1.4rem;">⚡</span>
+      <div style="text-align:start;flex:1 1 280px;">
+        <strong style="display:block;color:#fff;font-size:0.98rem;" data-i18n="oneclick_banner_title">New: Self-Serve One-Click Wizard</strong>
+        <span style="color:#cbd5e1;font-size:0.86rem;" data-i18n="oneclick_banner_body">Generate keys, sign manifest, and deploy DNS via Cloudflare/Vercel/Netlify API — all from your browser.</span>
+      </div>
+      <a href="/one-click" class="btn btn-primary" style="white-space:nowrap;" data-i18n="oneclick_banner_btn">Try One-Click →</a>
+    </div>
+    <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
+      <a href="#steps" class="btn btn-primary btn-lg" data-i18n="cta_guide">View Setup Guide</a>
+      <a href="/dns" class="btn btn-secondary btn-lg" data-i18n="cta_verify">Live Verifier</a>
+    </div>
+  </section>
+
+  <!-- ═══════════ VIDEO ═══════════ -->
+  <section class="video-section">
+    <h2 data-i18n="video_title">Watch: Full Setup in 40 Seconds</h2>
+    <div class="video-wrapper">
+      <video controls poster="/img/dns-video-poster.jpg">
+        <source src="/videos/dns_discovery_demo.mp4" type="video/mp4">
+        <p data-i18n="video_fallback">Your browser does not support the video tag. <a href="/videos/dns_discovery_demo.mp4">Download the video</a>.</p>
+      </video>
+    </div>
+  </section>
+
+  <!-- ═══════════ STEPS ═══════════ -->
+  <section class="steps-section" id="steps">
+    <h2 data-i18n="steps_title">Step-by-Step Setup Guide</h2>
+
+    <!-- Step 1 — wab.json (was step 3, moved first because it's the prerequisite for the TXT) -->
+    <div class="step-card">
+      <div class="step-number">1</div>
+      <h3 data-i18n="step1_title">Create your <code style="color:#a5f3fc">/.well-known/wab.json</code> file</h3>
+      <p data-i18n="step1_desc">This file lives on your web server and tells AI agents what your site can do. We'll generate one for you — paste your URL and click <strong>Generate</strong>. No data is stored.</p>
+
+      <div style="background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:18px;margin-top:12px;">
+        <div style="display:flex;gap:10px;flex-wrap:wrap;">
+          <input id="genUrl" type="url" placeholder="https://yourdomain.com" style="flex:1;min-width:220px;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
+          <button id="genBtn" style="padding:10px 22px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:0.9rem;" data-i18n="gen_btn">Generate wab.json</button>
+        </div>
+        <div id="genResult" style="margin-top:14px;display:none;"></div>
+      </div>
+
+      <p style="margin-top:14px;color:#94a3b8;font-size:0.85rem;" data-i18n="step1_path">Save the generated JSON at this exact path on your server: <code style="color:#a5f3fc">/.well-known/wab.json</code> — the URL must respond with <code style="color:#a5f3fc">Content-Type: application/json</code>.</p>
+    </div>
+
+    <!-- Step 2 — DNS provider (with Cloudflare callout) -->
+    <div class="step-card">
+      <div class="step-number">2</div>
+      <h3 data-i18n="step2_title">Open your DNS provider's control panel</h3>
+      <p data-i18n="step2_desc">Sign in to whoever hosts your DNS (often the same place where you bought your domain). Find the <strong>DNS</strong> or <strong>DNS Records</strong> page.</p>
+      <div class="provider-tabs">
+        <button class="provider-tab active" onclick="showProvider('cloudflare', this)">Cloudflare</button>
+        <button class="provider-tab" onclick="showProvider('cpanel', this)">cPanel</button>
+        <button class="provider-tab" onclick="showProvider('godaddy', this)">GoDaddy</button>
+        <button class="provider-tab" onclick="showProvider('namecheap', this)">Namecheap</button>
+      </div>
+      <div id="prov-cloudflare" class="provider-content active">
+        <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_cloudflare">Go to <strong>dash.cloudflare.com</strong> → select your domain → click <strong>DNS → Records</strong> in the side menu → click <strong>Add record</strong>.</p>
+      </div>
+      <div id="prov-cpanel" class="provider-content">
+        <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_cpanel">Log in to cPanel → in the <strong>Domains</strong> section open <strong>Zone Editor</strong> → click <strong>Manage</strong> next to your domain → click <strong>Add Record</strong> and choose <strong>TXT</strong>.</p>
+      </div>
+      <div id="prov-godaddy" class="provider-content">
+        <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_godaddy">Log in to <strong>godaddy.com</strong> → My Products → click <strong>DNS</strong> next to your domain → <strong>Add New Record</strong>.</p>
+      </div>
+      <div id="prov-namecheap" class="provider-content">
+        <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_namecheap">Log in to <strong>namecheap.com</strong> → Domain List → <strong>Manage</strong> → <strong>Advanced DNS</strong> tab → <strong>Add New Record</strong>.</p>
+      </div>
+
+      <div class="cf-callout">
+        <strong data-i18n="cf_title">⚠ Cloudflare-specific tips (read this if you use Cloudflare):</strong>
+        <ul>
+          <li data-i18n="cf_tip1"><strong>Page Rules / Cache Rules:</strong> add a rule for <code>*example.com/.well-known/*</code> with <strong>Cache Level: Bypass</strong>. Otherwise your wab.json updates can stay stale for hours.</li>
+          <li data-i18n="cf_tip2"><strong>Email Address Obfuscation:</strong> turn it <strong>OFF</strong> for the <code>/.well-known/</code> path (Scrape Shield → Email Obfuscation). It rewrites JSON content and breaks parsing.</li>
+          <li data-i18n="cf_tip3"><strong>Always Use HTTPS:</strong> keep it ON, but make sure your origin actually serves the file on HTTPS — otherwise Cloudflare returns a redirect loop.</li>
+          <li data-i18n="cf_tip4"><strong>The proxy (orange cloud) is fine for the website itself.</strong> The <code>_wab</code> TXT record has no proxy toggle (TXT records are always DNS-only).</li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- Step 3 — TXT record (interactive generator) -->
+    <div class="step-card">
+      <div class="step-number">3</div>
+      <h3 data-i18n="step3_title">Add the <code style="color:#a5f3fc">_wab</code> TXT record</h3>
+      <p data-i18n="step3_desc">In the panel you just opened, create a new TXT record. Type your domain below and we'll fill in the exact values to copy/paste.</p>
+
+      <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;">
+        <input id="txtGenDomain" type="text" placeholder="yourdomain.com" style="flex:1;min-width:220px;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
+      </div>
+
+      <div class="txt-gen-grid">
+        <span class="gk" data-i18n="txt_type">Type:</span>     <span class="gv">TXT</span> <span></span>
+        <span class="gk" data-i18n="txt_name">Name / Host:</span> <span class="gv" id="txtGenName">_wab</span> <button class="copy-btn" data-copy-target="txtGenName" data-i18n="copy">Copy</button>
+        <span class="gk" data-i18n="txt_value">Value / Content:</span> <span class="gv" id="txtGenValue">v=wab1; endpoint=https://yourdomain.com/.well-known/wab.json</span> <button class="copy-btn" data-copy-target="txtGenValue" data-i18n="copy">Copy</button>
+        <span class="gk" data-i18n="txt_ttl">TTL:</span>       <span class="gv">Auto (3600)</span> <span></span>
+      </div>
+
+      <p style="margin-top:14px;color:#94a3b8;font-size:0.85rem;" data-i18n="step3_propagate"><strong>Propagation time:</strong> usually 1–5 minutes. In rare cases up to 24 hours if your old record had a long TTL. Some panels prepend your domain automatically — if you see <code>_wab.yourdomain.com.yourdomain.com</code> after saving, change <strong>Name</strong> to just <code>_wab</code>.</p>
+    </div>
+
+    <!-- Step 4 — Diagnostic verifier -->
+    <div class="step-card">
+      <div class="step-number">4</div>
+      <h3 data-i18n="step4_title">Verify everything works</h3>
+      <p data-i18n="step4_desc">Run a full diagnostic. We check the TXT record across three public DNS resolvers, fetch your wab.json, validate its JSON, and warn about Cloudflare cache or wrong Content-Type headers. If something is off, we tell you exactly what to fix.</p>
+      <div style="background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:20px;margin-top:12px;">
+        <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;">
+          <input id="activateDomain" type="text" placeholder="yourdomain.com" style="flex:1;min-width:200px;padding:10px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
+          <button id="activateVerifyBtn" style="padding:10px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:0.9rem;" data-i18n="verify_btn">Run Diagnostic</button>
+        </div>
+        <div id="activateStatus" style="margin-top:12px;color:#94a3b8;font-size:0.85rem;display:none;"></div>
+        <div id="activateResult" style="margin-top:14px;display:none;"></div>
+      </div>
+      <p style="margin-top:12px;color:#64748b;font-size:0.8rem;" data-i18n="step4_note">If the very first check (<em>DNS TXT record at _wab</em>) fails, give DNS another 1–2 minutes and try again — propagation is the most common culprit.</p>
+    </div>
+  </section>
+
+  <!-- ═══════════ CTA ═══════════ -->
+  <div style="padding:0 24px;">
+    <div class="verifier-cta">
+      <h2 data-i18n="cta_title">Your Domain is Now AI-Ready</h2>
+      <p data-i18n="cta_desc">Once verified, AI agents using the WAB protocol can discover your site's capabilities automatically — no manual configuration needed on their end.</p>
+      <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
+        <a href="/dns" class="btn btn-primary" data-i18n="cta_full_guide">Full DNS Guide</a>
+        <a href="/docs" class="btn btn-secondary" data-i18n="cta_docs">Read the Docs</a>
+      </div>
+    </div>
+  </div>
+
+  <script src="/js/auth-nav.js"></script>
+  <script src="/js/activate.js?v=3.4.1"></script>
+</body>
+</html>