npm - web-agent-bridge - Versions diffs - 1.1.1 → 1.1.2 - Mend

web-agent-bridge 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/LICENSE +21 -21
package/README.ar.md +446 -446
package/README.md +844 -844
package/bin/cli.js +80 -80
package/bin/wab.js +80 -80
package/docs/DEPLOY.md +118 -118
package/docs/SPEC.md +1540 -1540
package/examples/bidi-agent.js +119 -119
package/examples/mcp-agent.js +94 -94
package/examples/puppeteer-agent.js +108 -108
package/examples/vision-agent.js +171 -171
package/package.json +78 -78
package/public/admin/dashboard.html +848 -848
package/public/admin/login.html +84 -84
package/public/cookies.html +208 -208
package/public/css/styles.css +1235 -1235
package/public/dashboard.html +704 -704
package/public/docs.html +585 -585
package/public/index.html +332 -332
package/public/js/auth-nav.js +31 -31
package/public/js/auth-redirect.js +12 -12
package/public/js/cookie-consent.js +56 -56
package/public/js/ws-client.js +74 -74
package/public/login.html +83 -83
package/public/privacy.html +295 -295
package/public/register.html +103 -103
package/public/terms.html +254 -254
package/script/ai-agent-bridge.js +1513 -1513
package/sdk/README.md +55 -55
package/sdk/index.js +203 -203
package/sdk/package.json +14 -14
package/server/config/secrets.js +92 -92
package/server/index.js +181 -181
package/server/middleware/adminAuth.js +30 -30
package/server/middleware/auth.js +41 -41
package/server/middleware/rateLimits.js +24 -24
package/server/migrations/001_add_analytics_indexes.sql +7 -7
package/server/models/adapters/index.js +33 -33
package/server/models/adapters/mysql.js +183 -183
package/server/models/adapters/postgresql.js +172 -172
package/server/models/adapters/sqlite.js +7 -7
package/server/models/db.js +561 -561
package/server/routes/admin.js +247 -247
package/server/routes/api.js +138 -138
package/server/routes/auth.js +51 -51
package/server/routes/billing.js +45 -45
package/server/routes/discovery.js +329 -329
package/server/routes/license.js +240 -240
package/server/routes/noscript.js +543 -543
package/server/routes/wab-api.js +476 -476
package/server/services/email.js +204 -204
package/server/services/fairness.js +420 -420
package/server/services/stripe.js +192 -192
package/server/utils/cache.js +125 -125
package/server/utils/migrate.js +81 -81
package/server/utils/secureFields.js +50 -50
package/server/ws.js +101 -101
package/wab-mcp-adapter/README.md +136 -136
package/wab-mcp-adapter/index.js +555 -555
package/wab-mcp-adapter/package.json +17 -17
package/public/css/premium.css +0 -317
package/public/premium-dashboard.html +0 -2075
package/public/premium.html +0 -791
package/server/migrations/002_premium_features.sql +0 -418
package/server/routes/premium.js +0 -724
package/server/services/premium.js +0 -1680

package/public/admin/login.html CHANGED Viewed

@@ -1,84 +1,84 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Admin Login — Web Agent Bridge</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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/css/styles.css">
-</head>
-<body class="auth-page">
-  <div class="auth-container">
-    <div class="auth-card">
-      <div class="auth-header" style="text-align:center;">
-        <div class="brand-icon" style="background:linear-gradient(135deg,#ef4444,#f59e0b);width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;">🛡️</div>
-        <h1>Admin Panel</h1>
-        <p style="color:var(--text-muted);">Web Agent Bridge Administration</p>
-      </div>
-      <div class="alert alert-error" id="loginError" style="display:none;"></div>
-      <form id="loginForm" onsubmit="return handleLogin(event)">
-        <div class="form-group">
-          <label>Email</label>
-          <input type="email" class="form-input" id="email" required autofocus placeholder="admin@webagentbridge.com">
-        </div>
-        <div class="form-group">
-          <label>Password</label>
-          <input type="password" class="form-input" id="password" required placeholder="••••••••">
-        </div>
-        <button type="submit" class="btn btn-primary" style="width:100%;margin-top:16px;" id="submitBtn">Sign In</button>
-      </form>
-      <div style="text-align:center;margin-top:20px;">
-        <a href="/" style="color:var(--text-muted);font-size:0.85rem;">← Back to Website</a>
-      </div>
-    </div>
-  </div>
-  <script>
-    if (localStorage.getItem('wab_admin_token')) {
-      window.location.href = '/admin';
-    }
-    async function handleLogin(e) {
-      e.preventDefault();
-      const email = document.getElementById('email').value;
-      const password = document.getElementById('password').value;
-      const errEl = document.getElementById('loginError');
-      const btn = document.getElementById('submitBtn');
-      errEl.style.display = 'none';
-      btn.disabled = true;
-      btn.textContent = 'Signing in...';
-      try {
-        const res = await fetch('/api/admin/login', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ email, password })
-        });
-        const data = await res.json();
-        if (!res.ok) {
-          errEl.textContent = data.error || 'Invalid credentials';
-          errEl.style.display = 'block';
-          btn.disabled = false;
-          btn.textContent = 'Sign In';
-          return;
-        }
-        localStorage.setItem('wab_admin_token', data.token);
-        localStorage.setItem('wab_admin', JSON.stringify(data.admin));
-        window.location.href = '/admin';
-      } catch (err) {
-        errEl.textContent = 'Connection error. Please try again.';
-        errEl.style.display = 'block';
-        btn.disabled = false;
-        btn.textContent = 'Sign In';
-      }
-      return false;
-    }
-  </script>
-  <script src="/js/cookie-consent.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Admin Login — Web Agent Bridge</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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/styles.css">
+</head>
+<body class="auth-page">
+  <div class="auth-container">
+    <div class="auth-card">
+      <div class="auth-header" style="text-align:center;">
+        <div class="brand-icon" style="background:linear-gradient(135deg,#ef4444,#f59e0b);width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;">🛡️</div>
+        <h1>Admin Panel</h1>
+        <p style="color:var(--text-muted);">Web Agent Bridge Administration</p>
+      </div>
+      <div class="alert alert-error" id="loginError" style="display:none;"></div>
+      <form id="loginForm" onsubmit="return handleLogin(event)">
+        <div class="form-group">
+          <label>Email</label>
+          <input type="email" class="form-input" id="email" required autofocus placeholder="admin@webagentbridge.com">
+        </div>
+        <div class="form-group">
+          <label>Password</label>
+          <input type="password" class="form-input" id="password" required placeholder="••••••••">
+        </div>
+        <button type="submit" class="btn btn-primary" style="width:100%;margin-top:16px;" id="submitBtn">Sign In</button>
+      </form>
+      <div style="text-align:center;margin-top:20px;">
+        <a href="/" style="color:var(--text-muted);font-size:0.85rem;">← Back to Website</a>
+      </div>
+    </div>
+  </div>
+  <script>
+    if (localStorage.getItem('wab_admin_token')) {
+      window.location.href = '/admin';
+    }
+    async function handleLogin(e) {
+      e.preventDefault();
+      const email = document.getElementById('email').value;
+      const password = document.getElementById('password').value;
+      const errEl = document.getElementById('loginError');
+      const btn = document.getElementById('submitBtn');
+      errEl.style.display = 'none';
+      btn.disabled = true;
+      btn.textContent = 'Signing in...';
+      try {
+        const res = await fetch('/api/admin/login', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ email, password })
+        });
+        const data = await res.json();
+        if (!res.ok) {
+          errEl.textContent = data.error || 'Invalid credentials';
+          errEl.style.display = 'block';
+          btn.disabled = false;
+          btn.textContent = 'Sign In';
+          return;
+        }
+        localStorage.setItem('wab_admin_token', data.token);
+        localStorage.setItem('wab_admin', JSON.stringify(data.admin));
+        window.location.href = '/admin';
+      } catch (err) {
+        errEl.textContent = 'Connection error. Please try again.';
+        errEl.style.display = 'block';
+        btn.disabled = false;
+        btn.textContent = 'Sign In';
+      }
+      return false;
+    }
+  </script>
+  <script src="/js/cookie-consent.js"></script>
+</body>
+</html>

package/public/cookies.html CHANGED Viewed

@@ -1,208 +1,208 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Cookie Policy — Web Agent Bridge</title>
-  <meta name="description" content="Cookie Policy for Web Agent Bridge. ePrivacy and GDPR compliant.">
-  <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=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/css/styles.css">
-</head>
-<body>
-  <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="/#features">Features</a></li>
-        <li><a href="/#pricing">Pricing</a></li>
-        <li><a href="/docs">Docs</a></li>
-      </ul>
-      <div class="navbar-actions">
-        <a href="/login" class="btn btn-ghost">Sign In</a>
-        <a href="/register" class="btn btn-primary btn-sm">Get Started</a>
-      </div>
-    </div>
-  </nav>
-  <div class="container" style="padding-top: 120px; padding-bottom: 80px; max-width: 800px;">
-    <div class="section-header" style="text-align: left;">
-      <span class="label">Legal</span>
-      <h1 style="font-size: 2.2rem;">Cookie Policy</h1>
-      <p style="max-width: 100%;">Last updated: March 22, 2026</p>
-    </div>
-    <div class="docs-content">
-      <h2 id="what-are-cookies">1. What Are Cookies</h2>
-      <p>
-        Cookies are small text files placed on your device when you visit a website. They are widely
-        used to make websites work, provide analytics, and remember your preferences.
-      </p>
-      <p>
-        This Cookie Policy complies with the <strong>EU ePrivacy Directive (2002/58/EC)</strong>,
-        the <strong>GDPR (EU 2016/679)</strong>, and the
-        <strong>Dutch Telecommunications Act (Telecommunicatiewet, Art. 11.7a)</strong>.
-      </p>
-      <h2 id="cookies-we-use">2. Cookies We Use</h2>
-      <p>WAB uses a <strong>minimal cookie approach</strong>. We only use what is strictly necessary.</p>
-      <h3>2.1 Strictly Necessary Cookies</h3>
-      <p>These cookies are essential for the Service to function. No consent is required under the ePrivacy Directive.</p>
-      <table style="width: 100%; border-collapse: collapse; margin: 16px 0;">
-        <thead>
-          <tr style="border-bottom: 2px solid var(--border-color);">
-            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Name</th>
-            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Purpose</th>
-            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Duration</th>
-            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Type</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr style="border-bottom: 1px solid var(--border-color);">
-            <td style="padding: 12px; color: var(--text-secondary);"><code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">token</code></td>
-            <td style="padding: 12px; color: var(--text-secondary);">Authentication session (JWT)</td>
-            <td style="padding: 12px; color: var(--text-secondary);">Session / until logout</td>
-            <td style="padding: 12px; color: var(--text-secondary);">localStorage</td>
-          </tr>
-          <tr style="border-bottom: 1px solid var(--border-color);">
-            <td style="padding: 12px; color: var(--text-secondary);"><code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">adminToken</code></td>
-            <td style="padding: 12px; color: var(--text-secondary);">Admin authentication session</td>
-            <td style="padding: 12px; color: var(--text-secondary);">Session / until logout</td>
-            <td style="padding: 12px; color: var(--text-secondary);">localStorage</td>
-          </tr>
-          <tr>
-            <td style="padding: 12px; color: var(--text-secondary);"><code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">wab_cookie_consent</code></td>
-            <td style="padding: 12px; color: var(--text-secondary);">Remembers your cookie consent choice</td>
-            <td style="padding: 12px; color: var(--text-secondary);">365 days</td>
-            <td style="padding: 12px; color: var(--text-secondary);">localStorage</td>
-          </tr>
-        </tbody>
-      </table>
-      <h3>2.2 Analytics Cookies</h3>
-      <p>
-        <strong>We do not use any analytics cookies.</strong> We do not use Google Analytics, Facebook Pixel,
-        Hotjar, or any third-party tracking service. Our analytics system tracks AI agent behavior only
-        (not human visitors) and does not use cookies.
-      </p>
-      <h3>2.3 Marketing Cookies</h3>
-      <p><strong>We do not use marketing or advertising cookies.</strong></p>
-      <h3>2.4 Third-Party Cookies</h3>
-      <p>
-        We load Google Fonts for typography. Google may set cookies when fonts are loaded.
-        See <a href="https://policies.google.com/privacy" style="color: var(--accent-blue);" target="_blank" rel="noopener">Google's Privacy Policy</a>.
-      </p>
-      <p>
-        When you interact with payment flows, <strong>Stripe</strong> may set cookies for fraud prevention.
-        See <a href="https://stripe.com/cookie-settings" style="color: var(--accent-blue);" target="_blank" rel="noopener">Stripe's Cookie Policy</a>.
-      </p>
-      <h2 id="consent">3. Cookie Consent</h2>
-      <p>
-        Under the Dutch Telecommunicatiewet and the ePrivacy Directive:
-      </p>
-      <ul>
-        <li><strong>Strictly necessary cookies</strong> do not require consent (they are exempt under Art. 11.7a(3) Tw)</li>
-        <li><strong>Non-essential cookies</strong> require informed, prior consent — we obtain this via our cookie banner</li>
-      </ul>
-      <p>
-        Since WAB currently uses <strong>only strictly necessary storage</strong>, we inform you via the cookie
-        banner but no opt-in is required for our cookies. Third-party cookies from Google Fonts and Stripe
-        are noted for transparency.
-      </p>
-      <h2 id="manage">4. How to Manage Cookies</h2>
-      <p>You can control cookies through your browser settings:</p>
-      <ul>
-        <li><strong>Chrome</strong>: Settings → Privacy and security → Cookies</li>
-        <li><strong>Firefox</strong>: Settings → Privacy & Security → Cookies</li>
-        <li><strong>Safari</strong>: Preferences → Privacy → Cookies</li>
-        <li><strong>Edge</strong>: Settings → Cookies and site permissions</li>
-      </ul>
-      <p>
-        Note: Blocking essential cookies (like the authentication token) will prevent you from logging
-        into your WAB account.
-      </p>
-      <h2 id="local-storage">5. Local Storage</h2>
-      <p>
-        WAB uses <strong>localStorage</strong> (not traditional cookies) for authentication tokens.
-        While localStorage is technically not a "cookie," it serves a similar purpose and is covered
-        by the ePrivacy Directive's rules on storing information on user devices. We treat it with
-        the same transparency requirements.
-      </p>
-      <h2 id="bridge-script">6. The WAB Bridge Script</h2>
-      <p>
-        The WAB bridge script (<code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">ai-agent-bridge.js</code>)
-        that Site Owners embed on their websites:
-      </p>
-      <ul>
-        <li><strong>Does not set any cookies</strong> on website visitors' browsers</li>
-        <li><strong>Does not use localStorage</strong> on website visitors' browsers</li>
-        <li><strong>Does not track human visitors</strong> — it only creates an interface for AI agents</li>
-        <li>Uses temporary in-memory session tokens (not persisted to disk)</li>
-      </ul>
-      <h2 id="changes">7. Changes to This Policy</h2>
-      <p>
-        We will update this Cookie Policy if we change our cookie practices. Changes will be posted on
-        this page with an updated date.
-      </p>
-      <h2 id="contact">8. Contact</h2>
-      <p>
-        For questions about our cookie practices:<br>
-        Email: <a href="mailto:privacy@webagentbridge.com" style="color: var(--accent-blue);">privacy@webagentbridge.com</a>
-      </p>
-    </div>
-  </div>
-  <footer class="footer">
-    <div class="container">
-      <div class="footer-grid">
-        <div class="footer-brand">
-          <a href="/" class="navbar-brand"><div class="brand-icon">⚡</div><span>Web Agent Bridge</span></a>
-          <p>Open-source middleware for AI agent and website interaction.</p>
-        </div>
-        <div class="footer-col">
-          <h4>Product</h4>
-          <ul>
-            <li><a href="/#features">Features</a></li>
-            <li><a href="/#pricing">Pricing</a></li>
-            <li><a href="/docs">Documentation</a></li>
-          </ul>
-        </div>
-        <div class="footer-col">
-          <h4>Developers</h4>
-          <ul>
-            <li><a href="/docs#quick-start">Quick Start</a></li>
-            <li><a href="/docs#api-reference">API Reference</a></li>
-            <li><a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a></li>
-          </ul>
-        </div>
-        <div class="footer-col">
-          <h4>Legal</h4>
-          <ul>
-            <li><a href="/privacy">Privacy Policy</a></li>
-            <li><a href="/terms">Terms of Service</a></li>
-            <li><a href="/cookies">Cookie Policy</a></li>
-          </ul>
-        </div>
-      </div>
-      <div class="footer-bottom">
-        <span>&copy; 2026 Web Agent Bridge. MIT License. Operated from the Netherlands.</span>
-      </div>
-    </div>
-  </footer>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Cookie Policy — Web Agent Bridge</title>
+  <meta name="description" content="Cookie Policy for Web Agent Bridge. ePrivacy and GDPR compliant.">
+  <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=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/styles.css">
+</head>
+<body>
+  <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="/#features">Features</a></li>
+        <li><a href="/#pricing">Pricing</a></li>
+        <li><a href="/docs">Docs</a></li>
+      </ul>
+      <div class="navbar-actions">
+        <a href="/login" class="btn btn-ghost">Sign In</a>
+        <a href="/register" class="btn btn-primary btn-sm">Get Started</a>
+      </div>
+    </div>
+  </nav>
+  <div class="container" style="padding-top: 120px; padding-bottom: 80px; max-width: 800px;">
+    <div class="section-header" style="text-align: left;">
+      <span class="label">Legal</span>
+      <h1 style="font-size: 2.2rem;">Cookie Policy</h1>
+      <p style="max-width: 100%;">Last updated: March 22, 2026</p>
+    </div>
+    <div class="docs-content">
+      <h2 id="what-are-cookies">1. What Are Cookies</h2>
+      <p>
+        Cookies are small text files placed on your device when you visit a website. They are widely
+        used to make websites work, provide analytics, and remember your preferences.
+      </p>
+      <p>
+        This Cookie Policy complies with the <strong>EU ePrivacy Directive (2002/58/EC)</strong>,
+        the <strong>GDPR (EU 2016/679)</strong>, and the
+        <strong>Dutch Telecommunications Act (Telecommunicatiewet, Art. 11.7a)</strong>.
+      </p>
+      <h2 id="cookies-we-use">2. Cookies We Use</h2>
+      <p>WAB uses a <strong>minimal cookie approach</strong>. We only use what is strictly necessary.</p>
+      <h3>2.1 Strictly Necessary Cookies</h3>
+      <p>These cookies are essential for the Service to function. No consent is required under the ePrivacy Directive.</p>
+      <table style="width: 100%; border-collapse: collapse; margin: 16px 0;">
+        <thead>
+          <tr style="border-bottom: 2px solid var(--border-color);">
+            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Name</th>
+            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Purpose</th>
+            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Duration</th>
+            <th style="text-align: left; padding: 12px; color: var(--text-primary);">Type</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr style="border-bottom: 1px solid var(--border-color);">
+            <td style="padding: 12px; color: var(--text-secondary);"><code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">token</code></td>
+            <td style="padding: 12px; color: var(--text-secondary);">Authentication session (JWT)</td>
+            <td style="padding: 12px; color: var(--text-secondary);">Session / until logout</td>
+            <td style="padding: 12px; color: var(--text-secondary);">localStorage</td>
+          </tr>
+          <tr style="border-bottom: 1px solid var(--border-color);">
+            <td style="padding: 12px; color: var(--text-secondary);"><code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">adminToken</code></td>
+            <td style="padding: 12px; color: var(--text-secondary);">Admin authentication session</td>
+            <td style="padding: 12px; color: var(--text-secondary);">Session / until logout</td>
+            <td style="padding: 12px; color: var(--text-secondary);">localStorage</td>
+          </tr>
+          <tr>
+            <td style="padding: 12px; color: var(--text-secondary);"><code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">wab_cookie_consent</code></td>
+            <td style="padding: 12px; color: var(--text-secondary);">Remembers your cookie consent choice</td>
+            <td style="padding: 12px; color: var(--text-secondary);">365 days</td>
+            <td style="padding: 12px; color: var(--text-secondary);">localStorage</td>
+          </tr>
+        </tbody>
+      </table>
+      <h3>2.2 Analytics Cookies</h3>
+      <p>
+        <strong>We do not use any analytics cookies.</strong> We do not use Google Analytics, Facebook Pixel,
+        Hotjar, or any third-party tracking service. Our analytics system tracks AI agent behavior only
+        (not human visitors) and does not use cookies.
+      </p>
+      <h3>2.3 Marketing Cookies</h3>
+      <p><strong>We do not use marketing or advertising cookies.</strong></p>
+      <h3>2.4 Third-Party Cookies</h3>
+      <p>
+        We load Google Fonts for typography. Google may set cookies when fonts are loaded.
+        See <a href="https://policies.google.com/privacy" style="color: var(--accent-blue);" target="_blank" rel="noopener">Google's Privacy Policy</a>.
+      </p>
+      <p>
+        When you interact with payment flows, <strong>Stripe</strong> may set cookies for fraud prevention.
+        See <a href="https://stripe.com/cookie-settings" style="color: var(--accent-blue);" target="_blank" rel="noopener">Stripe's Cookie Policy</a>.
+      </p>
+      <h2 id="consent">3. Cookie Consent</h2>
+      <p>
+        Under the Dutch Telecommunicatiewet and the ePrivacy Directive:
+      </p>
+      <ul>
+        <li><strong>Strictly necessary cookies</strong> do not require consent (they are exempt under Art. 11.7a(3) Tw)</li>
+        <li><strong>Non-essential cookies</strong> require informed, prior consent — we obtain this via our cookie banner</li>
+      </ul>
+      <p>
+        Since WAB currently uses <strong>only strictly necessary storage</strong>, we inform you via the cookie
+        banner but no opt-in is required for our cookies. Third-party cookies from Google Fonts and Stripe
+        are noted for transparency.
+      </p>
+      <h2 id="manage">4. How to Manage Cookies</h2>
+      <p>You can control cookies through your browser settings:</p>
+      <ul>
+        <li><strong>Chrome</strong>: Settings → Privacy and security → Cookies</li>
+        <li><strong>Firefox</strong>: Settings → Privacy & Security → Cookies</li>
+        <li><strong>Safari</strong>: Preferences → Privacy → Cookies</li>
+        <li><strong>Edge</strong>: Settings → Cookies and site permissions</li>
+      </ul>
+      <p>
+        Note: Blocking essential cookies (like the authentication token) will prevent you from logging
+        into your WAB account.
+      </p>
+      <h2 id="local-storage">5. Local Storage</h2>
+      <p>
+        WAB uses <strong>localStorage</strong> (not traditional cookies) for authentication tokens.
+        While localStorage is technically not a "cookie," it serves a similar purpose and is covered
+        by the ePrivacy Directive's rules on storing information on user devices. We treat it with
+        the same transparency requirements.
+      </p>
+      <h2 id="bridge-script">6. The WAB Bridge Script</h2>
+      <p>
+        The WAB bridge script (<code style="font-family: var(--font-mono); background: var(--bg-surface); padding: 2px 6px; border-radius: 4px;">ai-agent-bridge.js</code>)
+        that Site Owners embed on their websites:
+      </p>
+      <ul>
+        <li><strong>Does not set any cookies</strong> on website visitors' browsers</li>
+        <li><strong>Does not use localStorage</strong> on website visitors' browsers</li>
+        <li><strong>Does not track human visitors</strong> — it only creates an interface for AI agents</li>
+        <li>Uses temporary in-memory session tokens (not persisted to disk)</li>
+      </ul>
+      <h2 id="changes">7. Changes to This Policy</h2>
+      <p>
+        We will update this Cookie Policy if we change our cookie practices. Changes will be posted on
+        this page with an updated date.
+      </p>
+      <h2 id="contact">8. Contact</h2>
+      <p>
+        For questions about our cookie practices:<br>
+        Email: <a href="mailto:privacy@webagentbridge.com" style="color: var(--accent-blue);">privacy@webagentbridge.com</a>
+      </p>
+    </div>
+  </div>
+  <footer class="footer">
+    <div class="container">
+      <div class="footer-grid">
+        <div class="footer-brand">
+          <a href="/" class="navbar-brand"><div class="brand-icon">⚡</div><span>Web Agent Bridge</span></a>
+          <p>Open protocol + runtime for AI agent ↔ website interaction.</p>
+        </div>
+        <div class="footer-col">
+          <h4>Product</h4>
+          <ul>
+            <li><a href="/#features">Features</a></li>
+            <li><a href="/#pricing">Pricing</a></li>
+            <li><a href="/docs">Documentation</a></li>
+          </ul>
+        </div>
+        <div class="footer-col">
+          <h4>Developers</h4>
+          <ul>
+            <li><a href="/docs#quick-start">Quick Start</a></li>
+            <li><a href="/docs#api-reference">API Reference</a></li>
+            <li><a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a></li>
+          </ul>
+        </div>
+        <div class="footer-col">
+          <h4>Legal</h4>
+          <ul>
+            <li><a href="/privacy">Privacy Policy</a></li>
+            <li><a href="/terms">Terms of Service</a></li>
+            <li><a href="/cookies">Cookie Policy</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="footer-bottom">
+        <span>&copy; 2026 Web Agent Bridge. MIT License. Operated from the Netherlands.</span>
+      </div>
+    </div>
+  </footer>
+</body>
+</html>