web-agent-bridge 1.0.0 → 1.1.1

package/public/dashboard.html

@@ -4,6 +4,17 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Dashboard — Web Agent Bridge</title>
+  <script>
+    (function () {
+      try {
+        if (!localStorage.getItem('wab_token')) {
+          window.location.replace('/login?next=' + encodeURIComponent(location.pathname || '/dashboard'));
+        }
+      } catch (e) {
+        window.location.replace('/login?next=/dashboard');
+      }
+    })();
+  </script>
   <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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
@@ -24,6 +35,7 @@
         <a href="#" class="active" data-view="overview">📊 Overview</a>
         <a href="#" data-view="sites">🌐 My Sites</a>
         <a href="#" data-view="analytics">📈 Analytics</a>
+        <a href="#" data-view="billing">💳 Billing</a>
         <a href="#" data-view="settings">⚙️ Settings</a>
         <a href="/docs" style="margin-top:20px;">📖 Documentation</a>
       </nav>
@@ -107,6 +119,82 @@
         </div>
       </div>
 
+      <!-- ── Billing View ── -->
+      <div id="view-billing" class="view">
+        <div class="page-header">
+          <h1>Billing & Subscription</h1>
+        </div>
+
+        <div class="stats-grid" style="grid-template-columns:repeat(3,1fr);margin-bottom:24px;">
+          <div class="stat-card">
+            <div class="label">Current Plan</div>
+            <div class="value" id="billingPlan" style="font-size:1.4rem;">Free</div>
+          </div>
+          <div class="stat-card">
+            <div class="label">Status</div>
+            <div class="value" id="billingStatus" style="font-size:1.2rem;">—</div>
+          </div>
+          <div class="stat-card">
+            <div class="label">Payments</div>
+            <div class="value" id="billingPayments">0</div>
+          </div>
+        </div>
+
+        <!-- Pricing Cards -->
+        <h3 style="margin-bottom:16px;">Upgrade Your Plan</h3>
+        <div class="grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;" id="pricingCards">
+          <div class="card" style="border:1px solid var(--border-color);text-align:center;padding:32px 24px;">
+            <h3 style="margin-bottom:8px;">Starter</h3>
+            <div style="font-size:2rem;font-weight:700;margin:16px 0;">$19<span style="font-size:0.9rem;font-weight:400;color:var(--text-muted);">/mo</span></div>
+            <ul style="text-align:left;list-style:none;padding:0;margin:0 0 24px;font-size:0.9rem;color:var(--text-secondary);">
+              <li style="padding:6px 0;">✓ Up to 5 sites</li>
+              <li style="padding:6px 0;">✓ 10,000 actions/month</li>
+              <li style="padding:6px 0;">✓ Automated Login</li>
+              <li style="padding:6px 0;">✓ Email support</li>
+            </ul>
+            <button class="btn btn-secondary" onclick="startCheckout('starter')" style="width:100%;">Select Starter</button>
+          </div>
+          <div class="card" style="border:2px solid var(--accent-blue);text-align:center;padding:32px 24px;position:relative;">
+            <span style="position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);padding:4px 16px;border-radius:12px;font-size:0.75rem;font-weight:600;">POPULAR</span>
+            <h3 style="margin-bottom:8px;">Pro</h3>
+            <div style="font-size:2rem;font-weight:700;margin:16px 0;">$49<span style="font-size:0.9rem;font-weight:400;color:var(--text-muted);">/mo</span></div>
+            <ul style="text-align:left;list-style:none;padding:0;margin:0 0 24px;font-size:0.9rem;color:var(--text-secondary);">
+              <li style="padding:6px 0;">✓ Up to 20 sites</li>
+              <li style="padding:6px 0;">✓ 100,000 actions/month</li>
+              <li style="padding:6px 0;">✓ API & Data Extraction</li>
+              <li style="padding:6px 0;">✓ Priority support</li>
+            </ul>
+            <button class="btn btn-primary" onclick="startCheckout('pro')" style="width:100%;">Select Pro</button>
+          </div>
+          <div class="card" style="border:1px solid var(--border-color);text-align:center;padding:32px 24px;">
+            <h3 style="margin-bottom:8px;">Enterprise</h3>
+            <div style="font-size:2rem;font-weight:700;margin:16px 0;">$149<span style="font-size:0.9rem;font-weight:400;color:var(--text-muted);">/mo</span></div>
+            <ul style="text-align:left;list-style:none;padding:0;margin:0 0 24px;font-size:0.9rem;color:var(--text-secondary);">
+              <li style="padding:6px 0;">✓ Unlimited sites</li>
+              <li style="padding:6px 0;">✓ Unlimited actions</li>
+              <li style="padding:6px 0;">✓ Dedicated support</li>
+              <li style="padding:6px 0;">✓ Custom integrations</li>
+            </ul>
+            <button class="btn btn-secondary" onclick="startCheckout('enterprise')" style="width:100%;">Select Enterprise</button>
+          </div>
+        </div>
+
+        <div style="display:flex;gap:12px;">
+          <button class="btn btn-secondary" onclick="openBillingPortal()">📋 Manage Subscription</button>
+        </div>
+
+        <!-- Payment History -->
+        <h3 style="margin:32px 0 16px;">Payment History</h3>
+        <div class="table-wrapper">
+          <table>
+            <thead><tr><th>Amount</th><th>Status</th><th>Description</th><th>Date</th></tr></thead>
+            <tbody id="paymentHistory">
+              <tr><td colspan="4" style="text-align:center;padding:40px;color:var(--text-muted);">No payments yet</td></tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
       <!-- ── Settings View ── -->
       <div id="view-settings" class="view">
         <div class="page-header">
@@ -249,6 +337,7 @@
         document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
         const el = document.getElementById(`view-${view}`);
         if (el) el.classList.add('active');
+        if (view === 'billing') loadBilling();
       });
     });
 
@@ -554,6 +643,54 @@
       return d.innerHTML;
     }
 
+    // ─── Billing ─────────────────────────────────────────────────────────
+    async function loadBilling() {
+      try {
+        const sRes = await fetch(`${API}/sites`, { headers: headers() });
+        const sData = await sRes.json();
+        const mySites = sData.sites || [];
+        const topTier = mySites.reduce((best, s) => {
+          const order = { enterprise: 4, pro: 3, starter: 2, free: 1 };
+          return (order[s.tier] || 0) > (order[best] || 0) ? s.tier : best;
+        }, 'free');
+        document.getElementById('billingPlan').textContent = topTier.charAt(0).toUpperCase() + topTier.slice(1);
+        document.getElementById('billingStatus').textContent = topTier !== 'free' ? '✅ Active' : 'Free Tier';
+      } catch (err) { console.error(err); }
+    }
+
+    async function startCheckout(tier) {
+      try {
+        const siteId = sites.length > 0 ? sites[0].id : null;
+        if (!siteId) { alert('Please add a site first before subscribing.'); return; }
+        const res = await fetch('/api/billing/checkout', {
+          method: 'POST',
+          headers: headers(),
+          body: JSON.stringify({ tier, siteId })
+        });
+        const data = await res.json();
+        if (data.url) {
+          window.location.href = data.url;
+        } else {
+          alert(data.error || 'Failed to start checkout. Please ensure Stripe is configured.');
+        }
+      } catch (err) { alert('Connection error'); }
+    }
+
+    async function openBillingPortal() {
+      try {
+        const res = await fetch('/api/billing/portal', {
+          method: 'POST',
+          headers: headers()
+        });
+        const data = await res.json();
+        if (data.url) {
+          window.location.href = data.url;
+        } else {
+          alert(data.error || 'Could not open billing portal.');
+        }
+      } catch (err) { alert('Connection error'); }
+    }
+
     // ─── View toggling style ────────────────────────────────────────────
     const style = document.createElement('style');
     style.textContent = '.view { display: none; } .view.active { display: block; }';
@@ -562,5 +699,6 @@
     // ─── Start ──────────────────────────────────────────────────────────
     init();
   </script>
+  <script src="/js/cookie-consent.js"></script>
 </body>
 </html>

package/public/docs.html

@@ -24,8 +24,9 @@
         <li><a href="/docs" style="color:var(--text-primary);">Docs</a></li>
       </ul>
       <div class="navbar-actions">
-        <a href="/dashboard" class="btn btn-ghost">Dashboard</a>
-        <a href="/register" class="btn btn-primary btn-sm">Get Started</a>
+        <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
+        <a href="/dashboard" class="btn btn-primary btn-sm" 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>
     </div>
   </nav>
@@ -564,6 +565,7 @@ document.<span class="fn">addEventListener</span>(<span class="str">'wab:ready'<
     </div>
   </footer>
 
+  <script src="/js/auth-nav.js"></script>
   <script>
     const links = document.querySelectorAll('.docs-sidebar a');
     const observer = new IntersectionObserver((entries) => {
@@ -578,5 +580,6 @@ document.<span class="fn">addEventListener</span>(<span class="str">'wab:ready'<
 
     document.querySelectorAll('.docs-content h2[id]').forEach(h => observer.observe(h));
   </script>
+  <script src="/js/cookie-consent.js"></script>
 </body>
 </html>

package/public/index.html

@@ -23,11 +23,13 @@
         <li><a href="#features">Features</a></li>
         <li><a href="#how-it-works">How It Works</a></li>
         <li><a href="#pricing">Pricing</a></li>
+        <li><a href="/premium">Premium</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>
+        <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" onclick="document.querySelector('.navbar-links').classList.toggle('active')">☰</button>
     </div>
@@ -58,7 +60,7 @@
             <span class="comment">// Add the bridge to your website</span><br>
             &lt;<span class="keyword">script</span>&gt;<br>
             &nbsp;&nbsp;window.<span class="property">AIBridgeConfig</span> = {<br>
-            &nbsp;&nbsp;&nbsp;&nbsp;<span class="property">licenseKey</span>: <span class="string">"WAB-XXXXX-XXXXX"</span>,<br>
+            &nbsp;&nbsp;&nbsp;&nbsp;<span class="property">siteId</span>: <span class="string">"your-site-id"</span>,<br>
             &nbsp;&nbsp;&nbsp;&nbsp;<span class="property">agentPermissions</span>: { <span class="property">click</span>: <span class="boolean">true</span>, <span class="property">fillForms</span>: <span class="boolean">true</span> }<br>
             &nbsp;&nbsp;};<br>
             &lt;/<span class="keyword">script</span>&gt;<br>
@@ -176,40 +178,57 @@ console.<span class="fn">log</span>(actions);
       <div class="section-header">
         <span class="label">Pricing</span>
         <h2>Simple, Transparent Pricing</h2>
-        <p>Start free, upgrade when you need advanced features. Open source forever.</p>
+        <p>Start free, upgrade when you need advanced features. Open source core forever.</p>
       </div>
 
-      <div class="grid-3">
+      <div class="grid-4">
         <div class="pricing-card">
           <div class="pricing-tier">Free</div>
           <div class="pricing-price">$0 <span>/mo</span></div>
-          <div class="pricing-desc">Perfect for personal projects and experimentation.</div>
+          <div class="pricing-desc">Personal projects and experimentation.</div>
           <ul class="pricing-features">
             <li>Auto-discovery of actions</li>
             <li>Click &amp; scroll permissions</li>
             <li>Rate limiting (60/min)</li>
             <li>Basic logging</li>
             <li>1 site</li>
+            <li>Community support</li>
             <li class="disabled">Form filling</li>
-            <li class="disabled">API access</li>
             <li class="disabled">Analytics dashboard</li>
           </ul>
           <a href="/register" class="btn btn-secondary" style="width:100%;">Get Started Free</a>
         </div>
 
+        <div class="pricing-card">
+          <div class="pricing-tier">Starter</div>
+          <div class="pricing-price">$9 <span>/mo</span></div>
+          <div class="pricing-desc">Small sites with basic analytics &amp; protection.</div>
+          <ul class="pricing-features">
+            <li>Everything in Free</li>
+            <li>Form filling &amp; submit</li>
+            <li>Agent Traffic Intelligence</li>
+            <li>Smart Actions (basic)</li>
+            <li>Up to 3 sites</li>
+            <li>Automated login support</li>
+            <li>Same-day email support</li>
+            <li class="disabled">API access</li>
+          </ul>
+          <a href="/register" class="btn btn-secondary" style="width:100%;">Start Starter</a>
+        </div>
+
         <div class="pricing-card featured">
           <div class="pricing-tier">Pro</div>
           <div class="pricing-price">$29 <span>/mo</span></div>
-          <div class="pricing-desc">For businesses that want full AI agent integration.</div>
+          <div class="pricing-desc">Full power for businesses and teams.</div>
           <ul class="pricing-features">
-            <li>Everything in Free</li>
-            <li>Form filling &amp; submission</li>
+            <li>Everything in Starter</li>
             <li>Internal API access</li>
-            <li>Advanced analytics</li>
+            <li>Advanced Exploit Shield</li>
+            <li>CRM &amp; Cloud Integrations</li>
             <li>Up to 10 sites</li>
-            <li>Automated login support</li>
-            <li>Data extraction</li>
-            <li>Priority support</li>
+            <li>Custom Bridge Script</li>
+            <li>Stealth Mode Pro</li>
+            <li>Private CDN + 1h support</li>
           </ul>
           <a href="/register" class="btn btn-primary" style="width:100%;">Start Pro Trial</a>
         </div>
@@ -217,20 +236,26 @@ console.<span class="fn">log</span>(actions);
         <div class="pricing-card">
           <div class="pricing-tier">Enterprise</div>
           <div class="pricing-price">Custom</div>
-          <div class="pricing-desc">Custom solutions for large-scale deployments.</div>
+          <div class="pricing-desc">Unlimited scale with compliance &amp; SLA.</div>
           <ul class="pricing-features">
             <li>Everything in Pro</li>
-            <li>Unlimited sites</li>
-            <li>Custom rate limits</li>
-            <li>Webhook integrations</li>
+            <li>Unlimited sites &amp; agents</li>
+            <li>Multi-tenant management</li>
+            <li>Extended Audit &amp; Compliance</li>
+            <li>Virtual Sandbox</li>
             <li>SSO / SAML</li>
-            <li>Dedicated support</li>
-            <li>SLA guarantee</li>
+            <li>15-min SLA guarantee</li>
             <li>Custom development</li>
           </ul>
           <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary" style="width:100%;">Contact Sales</a>
         </div>
       </div>
+
+      <div style="text-align:center;margin-top:40px;">
+        <a href="/premium" class="btn btn-ghost" style="color:var(--accent-purple);">
+          View all 12 premium services in detail &rarr;
+        </a>
+      </div>
     </div>
   </section>
 
@@ -263,9 +288,10 @@ console.<span class="fn">log</span>(actions);
           <h4>Product</h4>
           <ul>
             <li><a href="#features">Features</a></li>
+            <li><a href="/premium">Premium Services</a></li>
             <li><a href="#pricing">Pricing</a></li>
             <li><a href="/docs">Documentation</a></li>
-            <li><a href="/dashboard">Dashboard</a></li>
+            <li data-wab-auth="signed-in" style="display:none"><a href="/dashboard">Dashboard</a></li>
           </ul>
         </div>
         <div class="footer-col">
@@ -278,22 +304,21 @@ console.<span class="fn">log</span>(actions);
           </ul>
         </div>
         <div class="footer-col">
-          <h4>Company</h4>
+          <h4>Legal</h4>
           <ul>
-            <li><a href="#">About</a></li>
-            <li><a href="#">Blog</a></li>
-            <li><a href="#">Contact</a></li>
-            <li><a href="#">Privacy Policy</a></li>
+            <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.</span>
-        <span>Built with care for the AI-powered web</span>
+        <span>&copy; 2026 Web Agent Bridge. MIT License. Operated from the Netherlands.</span>
       </div>
     </div>
   </footer>
 
+  <script src="/js/auth-nav.js"></script>
   <script>
     const navbar = document.getElementById('navbar');
     window.addEventListener('scroll', () => {
@@ -302,5 +327,6 @@ console.<span class="fn">log</span>(actions);
         : 'rgba(10, 14, 26, 0.8)';
     });
   </script>
+  <script src="/js/cookie-consent.js"></script>
 </body>
 </html>

package/public/js/auth-nav.js

@@ -0,0 +1,31 @@
+/**
+ * Shows / hides UI by auth state using data-wab-auth="signed-in" | "guest"
+ * Run on DOMContentLoaded — keep dashboard links only for signed-in users.
+ */
+(function () {
+  function hasToken() {
+    try {
+      return !!localStorage.getItem('wab_token');
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function apply() {
+    var signedIn = hasToken();
+    document.querySelectorAll('[data-wab-auth]').forEach(function (el) {
+      var mode = el.getAttribute('data-wab-auth');
+      if (mode === 'signed-in') {
+        el.style.display = signedIn ? '' : 'none';
+      } else if (mode === 'guest') {
+        el.style.display = signedIn ? 'none' : '';
+      }
+    });
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', apply);
+  } else {
+    apply();
+  }
+})();

package/public/js/auth-redirect.js

@@ -0,0 +1,12 @@
+/**
+ * Safe redirect target after login/register (?next=/path)
+ */
+(function () {
+  window.wabGetPostAuthRedirect = function () {
+    try {
+      var p = new URLSearchParams(window.location.search).get('next');
+      if (p && p.charAt(0) === '/' && p.indexOf('//') !== 0) return p;
+    } catch (e) {}
+    return '/dashboard';
+  };
+})();

package/public/js/cookie-consent.js

@@ -0,0 +1,56 @@
+/**
+ * WAB Cookie Consent Banner
+ * Compliant with EU ePrivacy Directive & Dutch Telecommunicatiewet Art. 11.7a
+ * Auto-injects a cookie consent banner if user hasn't consented yet.
+ */
+(function () {
+  if (localStorage.getItem('wab_cookie_consent')) return;
+
+  var banner = document.createElement('div');
+  banner.id = 'wab-cookie-banner';
+  banner.setAttribute('role', 'dialog');
+  banner.setAttribute('aria-label', 'Cookie consent');
+  banner.innerHTML =
+    '<div class="wab-cookie-inner">' +
+      '<p>We use essential cookies (authentication tokens) to keep you signed in. ' +
+      'We do not use tracking or marketing cookies. ' +
+      'See our <a href="/cookies">Cookie Policy</a> and <a href="/privacy">Privacy Policy</a>.</p>' +
+      '<div class="wab-cookie-actions">' +
+        '<button id="wab-cookie-accept" class="wab-cookie-btn wab-cookie-btn-primary">Accept</button>' +
+        '<button id="wab-cookie-decline" class="wab-cookie-btn wab-cookie-btn-ghost">Essential Only</button>' +
+      '</div>' +
+    '</div>';
+
+  var style = document.createElement('style');
+  style.textContent =
+    '#wab-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;' +
+    'background:rgba(10,14,26,0.97);border-top:1px solid rgba(59,130,246,0.2);' +
+    'padding:16px 0;font-family:Inter,system-ui,sans-serif;backdrop-filter:blur(12px)}' +
+    '.wab-cookie-inner{max-width:960px;margin:0 auto;padding:0 24px;display:flex;' +
+    'align-items:center;gap:20px;flex-wrap:wrap}' +
+    '.wab-cookie-inner p{flex:1;min-width:280px;color:#94a3b8;font-size:0.875rem;line-height:1.6;margin:0}' +
+    '.wab-cookie-inner a{color:#3b82f6;text-decoration:none}' +
+    '.wab-cookie-inner a:hover{text-decoration:underline}' +
+    '.wab-cookie-actions{display:flex;gap:10px;flex-shrink:0}' +
+    '.wab-cookie-btn{padding:8px 20px;border-radius:8px;font-size:0.85rem;font-weight:500;cursor:pointer;' +
+    'border:none;transition:all 0.2s}' +
+    '.wab-cookie-btn-primary{background:#3b82f6;color:#fff}' +
+    '.wab-cookie-btn-primary:hover{background:#2563eb}' +
+    '.wab-cookie-btn-ghost{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,0.3)}' +
+    '.wab-cookie-btn-ghost:hover{color:#e2e8f0;border-color:rgba(148,163,184,0.5)}' +
+    '@media(max-width:600px){.wab-cookie-inner{flex-direction:column;text-align:center}' +
+    '.wab-cookie-actions{width:100%;justify-content:center}}';
+
+  document.head.appendChild(style);
+  document.body.appendChild(banner);
+
+  document.getElementById('wab-cookie-accept').addEventListener('click', function () {
+    localStorage.setItem('wab_cookie_consent', 'all');
+    banner.remove();
+  });
+
+  document.getElementById('wab-cookie-decline').addEventListener('click', function () {
+    localStorage.setItem('wab_cookie_consent', 'essential');
+    banner.remove();
+  });
+})();

package/public/js/ws-client.js

@@ -0,0 +1,74 @@
+/**
+ * WAB WebSocket Client with auto-reconnect and exponential backoff
+ * Usage:
+ *   const ws = new WABWebSocket(token, siteId);
+ *   ws.on('analytic', (data) => console.log(data));
+ *   ws.connect();
+ */
+class WABWebSocket {
+  constructor(token, siteId, options = {}) {
+    this.token = token;
+    this.siteId = siteId;
+    this.maxRetries = options.maxRetries || 10;
+    this.baseDelay = options.baseDelay || 1000;
+    this.maxDelay = options.maxDelay || 30000;
+    this._retries = 0;
+    this._ws = null;
+    this._listeners = {};
+    this._closed = false;
+  }
+
+  connect() {
+    if (this._closed) return;
+    const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+    this._ws = new WebSocket(`${proto}//${location.host}/ws/analytics`);
+
+    this._ws.onopen = () => {
+      this._retries = 0;
+      this._ws.send(JSON.stringify({ type: 'auth', token: this.token, siteId: this.siteId }));
+      this._emit('connected');
+    };
+
+    this._ws.onmessage = (e) => {
+      try {
+        const msg = JSON.parse(e.data);
+        this._emit(msg.type, msg);
+      } catch { /* ignore malformed */ }
+    };
+
+    this._ws.onclose = () => {
+      this._emit('disconnected');
+      this._reconnect();
+    };
+
+    this._ws.onerror = () => {
+      this._ws.close();
+    };
+  }
+
+  _reconnect() {
+    if (this._closed || this._retries >= this.maxRetries) {
+      this._emit('max_retries');
+      return;
+    }
+    const delay = Math.min(this.baseDelay * Math.pow(2, this._retries), this.maxDelay);
+    const jitter = delay * (0.5 + Math.random() * 0.5);
+    this._retries++;
+    this._emit('reconnecting', { attempt: this._retries, delay: Math.round(jitter) });
+    setTimeout(() => this.connect(), jitter);
+  }
+
+  on(event, cb) {
+    if (!this._listeners[event]) this._listeners[event] = [];
+    this._listeners[event].push(cb);
+  }
+
+  _emit(event, data) {
+    (this._listeners[event] || []).forEach(cb => { try { cb(data); } catch {} });
+  }
+
+  close() {
+    this._closed = true;
+    if (this._ws) this._ws.close();
+  }
+}

package/public/login.html

@@ -8,6 +8,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/css/styles.css">
+  <script src="/js/auth-redirect.js"></script>
 </head>
 <body>
   <div class="auth-page">
@@ -43,7 +44,7 @@
 
   <script>
     if (localStorage.getItem('wab_token')) {
-      window.location.href = '/dashboard';
+      window.location.replace(typeof wabGetPostAuthRedirect === 'function' ? wabGetPostAuthRedirect() : '/dashboard');
     }
 
     document.getElementById('loginForm').addEventListener('submit', async (e) => {
@@ -70,12 +71,13 @@
 
         localStorage.setItem('wab_token', data.token);
         localStorage.setItem('wab_user', JSON.stringify(data.user));
-        window.location.href = '/dashboard';
+        window.location.href = typeof wabGetPostAuthRedirect === 'function' ? wabGetPostAuthRedirect() : '/dashboard';
       } catch (err) {
         errorEl.textContent = 'Connection error. Please try again.';
         errorEl.style.display = 'block';
       }
     });
   </script>
+  <script src="/js/cookie-consent.js"></script>
 </body>
 </html>