web-agent-bridge 3.0.0 → 3.2.0

package/public/llms-full.txt

@@ -291,7 +291,54 @@ A: robots.txt says "what you can crawl." WAB says "what you can do" — it's act
 
 ---
 
-## 14. Keywords and Categories
+## 14. MCP Server — AI Coding Tool Integration
+
+WAB provides a standalone MCP (Model Context Protocol) server package `wab-mcp-server` that integrates with AI coding tools like Cursor, Claude Desktop, Cline, and Windsurf.
+
+### Installation
+```bash
+npm install -g wab-mcp-server
+# or run directly
+npx wab-mcp-server
+```
+
+### Configuration
+Add to `.cursor/mcp.json` or Claude Desktop config:
+```json
+{
+  "mcpServers": {
+    "wab": {
+      "command": "npx",
+      "args": ["-y", "wab-mcp-server"]
+    }
+  }
+}
+```
+
+### MCP Tools Available
+| Tool | Description |
+|------|-------------|
+| `wab_scan_url` | Scan URLs against 47 threat databases for phishing, malware, scams |
+| `wab_fairness_check` | Score platform transparency (0-100) across 15 signals |
+| `wab_find_deals` | Cross-platform price intelligence with fairness filtering |
+| `wab_agent_query` | Natural language web automation queries |
+| `wab_generate_snippet` | Generate WAB integration code (JS, Python, React, Next.js, Docker) |
+| `wab_get_docs` | Retrieve WAB documentation and API reference |
+
+### Viral Embed Engine
+All generated code snippets automatically include WAB attribution comments, ensuring proper credit and discoverability across the developer ecosystem.
+
+### SDK Packages
+| Platform | Package | Install |
+|----------|---------|---------|
+| JavaScript/Node.js | `@wab/sdk` | `npm install @wab/sdk` |
+| React | `@wab/react` | `npm install @wab/react` |
+| Python | `wab-sdk` | `pip install wab-sdk` |
+| MCP Server | `wab-mcp-server` | `npm install -g wab-mcp-server` |
+
+---
+
+## 15. Keywords and Categories
 
 - AI agent automation
 - Website automation protocol
@@ -301,9 +348,13 @@ A: robots.txt says "what you can crawl." WAB says "what you can do" — it's act
 - Browser automation alternative
 - Fair AI discovery
 - MCP integration
+- MCP server
 - Web scraping alternative
 - OpenAPI for websites
 - AI-ready websites
 - WordPress AI plugin
 - Agent discovery protocol
 - Structured web commands
+- AI coding tools
+- Cursor integration
+- Claude Desktop integration

package/public/llms.txt

@@ -79,6 +79,45 @@ Or add the script to any HTML page:
 - **WordPress sites** via the official plugin
 - **Any developer** building for the Agentic Web
 
+## MCP Server (for AI Coding Tools)
+
+WAB provides a Model Context Protocol (MCP) server that works with Cursor, Claude Desktop, Cline, Windsurf, and other MCP-compatible AI tools.
+
+### Install
+```bash
+npm install -g wab-mcp-server
+# or use directly
+npx wab-mcp-server
+```
+
+### Configure (Cursor / Claude Desktop)
+Add to your MCP configuration:
+```json
+{
+  "mcpServers": {
+    "wab": {
+      "command": "npx",
+      "args": ["-y", "wab-mcp-server"]
+    }
+  }
+}
+```
+
+### Available MCP Tools
+- `wab_scan_url` — Scan URLs for phishing, malware, and scams (47 databases)
+- `wab_fairness_check` — Score platform transparency (0-100, 15 signals)
+- `wab_find_deals` — Cross-platform price intelligence with fairness filtering
+- `wab_agent_query` — Natural language web automation
+- `wab_generate_snippet` — Generate WAB integration code (JS, Python, React, Next.js, Docker)
+- `wab_get_docs` — Get WAB documentation and API reference
+
+## SDK Packages
+
+- **JavaScript/Node.js**: `npm install @wab/sdk`
+- **React**: `npm install @wab/react`
+- **Python**: `pip install wab-sdk`
+- **MCP Server**: `npm install -g wab-mcp-server`
+
 ## Contact
 
 - Support: support@webagentbridge.com

package/public/login.html

@@ -6,9 +6,11 @@
   <title>Sign In — 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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/css/styles.css">
-  <script src="/js/auth-redirect.js"></script>
+  <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&family=JetBrains+Mono:wght@400;500&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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"></noscript>
+  <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
+  <script src="/js/auth-redirect.js?v=3.0.1"></script>
 </head>
 <body>
   <div class="auth-page">
@@ -78,6 +80,6 @@
       }
     });
   </script>
-  <script src="/js/cookie-consent.js"></script>
+  <script src="/js/cookie-consent.js?v=3.0.1"></script>
 </body>
 </html>

package/public/premium-dashboard.html

@@ -15,8 +15,10 @@
   </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">
-  <link rel="stylesheet" href="/css/styles.css">
+  <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&family=JetBrains+Mono:wght@400;500&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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"></noscript>
+  <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
   <style>
     .view { display: none; }
     .view.active { display: block; }
@@ -1943,7 +1945,7 @@
           document.querySelectorAll('#cdnEdges input').forEach(cb => { cb.checked = edges.includes(cb.value); });
           document.getElementById('cdnStatReqs').textContent = c.requests_count || 0;
           document.getElementById('cdnStatBw').textContent = fmtBytes(c.bandwidth_used || 0);
-          const cdnUrl = c.custom_domain ? 'https://' + c.custom_domain + '/bridge/' + sid + '/ai-agent-bridge.js' : 'https://cdn.webagentbridge.com/bridge/' + sid + '/ai-agent-bridge.js';
+          const cdnUrl = c.custom_domain ? 'https://' + c.custom_domain + '/bridge/' + sid + '/ai-agent-bridge.js' : 'https://webagentbridge.com/bridge/' + sid + '/ai-agent-bridge.js';
           document.getElementById('cdnUrlDisplay').textContent = cdnUrl;
 
           try {
@@ -1957,7 +1959,7 @@
             }
           } catch {}
         } else {
-          document.getElementById('cdnUrlDisplay').textContent = 'https://cdn.webagentbridge.com/bridge/' + sid + '/ai-agent-bridge.js';
+          document.getElementById('cdnUrlDisplay').textContent = 'https://webagentbridge.com/bridge/' + sid + '/ai-agent-bridge.js';
         }
       } catch (err) { console.error('loadCdn:', err); }
     }
@@ -2482,6 +2484,6 @@
 
     init();
   </script>
-  <script src="/js/cookie-consent.js"></script>
+  <script src="/js/cookie-consent.js?v=3.0.1"></script>
 </body>
 </html>

package/public/premium.html

@@ -7,8 +7,10 @@
   <meta name="description" content="Advanced premium services for Web Agent Bridge: AI traffic intelligence, exploit protection, custom agents, CRM integrations, and more.">
   <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">
+  <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.0.1">
   <link rel="stylesheet" href="/css/premium.css">
 </head>
 <body>
@@ -777,7 +779,7 @@
     </div>
   </footer>
 
-  <script src="/js/auth-nav.js"></script>
+  <script src="/js/auth-nav.js?v=3.0.1"></script>
   <script>
     const navbar = document.getElementById('navbar');
     window.addEventListener('scroll', () => {
@@ -786,6 +788,6 @@
         : 'rgba(10, 14, 26, 0.8)';
     });
   </script>
-  <script src="/js/cookie-consent.js"></script>
+  <script src="/js/cookie-consent.js?v=3.0.1"></script>
 </body>
 </html>

package/public/privacy.html

@@ -7,8 +7,10 @@
   <meta name="description" content="Privacy Policy for Web Agent Bridge. GDPR and AVG 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">
+  <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.0.1">
 </head>
 <body>
 

package/public/register.html

@@ -6,9 +6,11 @@
   <title>Create Account — 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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/css/styles.css">
-  <script src="/js/auth-redirect.js"></script>
+  <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&family=JetBrains+Mono:wght@400;500&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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"></noscript>
+  <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
+  <script src="/js/auth-redirect.js?v=3.0.1"></script>
 </head>
 <body>
   <div class="auth-page">
@@ -98,6 +100,6 @@
       }
     });
   </script>
-  <script src="/js/cookie-consent.js"></script>
+  <script src="/js/cookie-consent.js?v=3.0.1"></script>
 </body>
 </html>

package/public/score.html

@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>WAB Score — Platform Transparency Rating</title>
+  <meta name="description" content="Check any platform's WAB Score — the digital world's credit rating for transparency and fairness.">
+  <link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
+  <style>
+    .score-hero { padding: 80px 20px 40px; text-align: center; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #fff; }
+    .score-hero h1 { font-size: 42px; margin-bottom: 12px; }
+    .score-hero p { color: #94a3b8; font-size: 18px; max-width: 600px; margin: 0 auto 32px; }
+    .search-box { display: flex; max-width: 560px; margin: 0 auto; gap: 8px; }
+    .search-box input { flex: 1; padding: 14px 20px; border: 2px solid #334155; border-radius: 10px; font-size: 16px; background: #1e293b; color: #fff; outline: none; }
+    .search-box input::placeholder { color: #64748b; }
+    .search-box input:focus { border-color: #3b82f6; }
+    .search-box button { padding: 14px 28px; background: #3b82f6; color: white; border: none; border-radius: 10px; font-weight: 700; font-size: 16px; cursor: pointer; }
+    .search-box button:hover { background: #2563eb; }
+    .search-box button:disabled { opacity: 0.6; cursor: wait; }
+
+    .result-container { max-width: 700px; margin: 40px auto; padding: 0 20px; }
+    .score-card { background: white; border-radius: 16px; padding: 40px; box-shadow: 0 4px 24px rgba(0,0,0,0.08); display: none; }
+    .score-card.visible { display: block; animation: fadeIn 0.3s ease; }
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+
+    .score-header { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; }
+    .score-circle { width: 100px; height: 100px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }
+    .score-circle .grade { font-size: 32px; font-weight: 900; line-height: 1; }
+    .score-circle .number { font-size: 13px; opacity: 0.8; }
+    .score-domain { font-size: 28px; font-weight: 700; color: #0f172a; }
+    .score-label { font-size: 16px; color: #64748b; margin-top: 4px; }
+
+    .score-bars { margin-bottom: 32px; }
+    .bar-row { margin-bottom: 16px; }
+    .bar-label { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 6px; }
+    .bar-label span:first-child { font-weight: 600; color: #334155; }
+    .bar-label span:last-child { color: #64748b; }
+    .bar-track { height: 10px; background: #f1f5f9; border-radius: 5px; overflow: hidden; }
+    .bar-fill { height: 100%; border-radius: 5px; transition: width 0.6s ease; }
+
+    .signals-list { border-top: 1px solid #e2e8f0; padding-top: 20px; }
+    .signals-list h4 { font-size: 14px; color: #64748b; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; }
+    .signal { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; border-bottom: 1px solid #f1f5f9; }
+    .signal:last-child { border-bottom: none; }
+    .signal .name { color: #334155; }
+    .signal .impact { font-weight: 600; }
+    .signal .impact.positive { color: #22c55e; }
+    .signal .impact.negative { color: #ef4444; }
+
+    .badge-embed { margin-top: 24px; padding: 16px; background: #f8fafc; border-radius: 8px; }
+    .badge-embed h4 { font-size: 14px; color: #64748b; margin-bottom: 8px; }
+    .badge-embed code { display: block; background: #0f172a; color: #e2e8f0; padding: 12px; border-radius: 6px; font-size: 12px; word-break: break-all; }
+
+    .error-msg { text-align: center; padding: 24px; color: #ef4444; font-weight: 600; display: none; }
+    .error-msg.visible { display: block; }
+
+    .recent-scores { max-width: 700px; margin: 40px auto; padding: 0 20px 60px; }
+    .recent-scores h3 { font-size: 20px; color: #0f172a; margin-bottom: 16px; }
+    .recent-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
+    .recent-item { display: flex; align-items: center; gap: 12px; background: #fff; padding: 12px 16px; border-radius: 8px; border: 1px solid #e2e8f0; cursor: pointer; transition: border-color 0.2s; }
+    .recent-item:hover { border-color: #3b82f6; }
+    .recent-item .mini-grade { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 14px; color: white; flex-shrink: 0; }
+    .recent-item .info .domain { font-weight: 600; font-size: 14px; color: #0f172a; }
+    .recent-item .info .meta { font-size: 12px; color: #64748b; }
+  </style>
+</head>
+<body>
+  <!-- NAVBAR -->
+  <nav class="navbar">
+    <div class="container" style="display:flex; align-items:center; justify-content:space-between; height:64px;">
+      <a href="/" class="navbar-brand"><div class="brand-icon">⚡</div><span>Web Agent Bridge</span></a>
+      <div style="display:flex; gap:20px; align-items:center;">
+        <a href="/#features" style="color:var(--text-secondary); text-decoration:none; font-size:14px;">Features</a>
+        <a href="/docs" style="color:var(--text-secondary); text-decoration:none; font-size:14px;">Docs</a>
+        <a href="/growth" style="color:var(--text-secondary); text-decoration:none; font-size:14px;">Growth Suite</a>
+        <a href="/login" class="btn btn-secondary" style="padding:6px 16px; font-size:13px;">Login</a>
+      </div>
+    </div>
+  </nav>
+
+  <!-- HERO -->
+  <section class="score-hero">
+    <h1>WAB <span class="gradient-text">Score</span></h1>
+    <p>The digital world's credit rating. Check any platform's transparency, fairness, and security score.</p>
+    <form class="search-box" id="scoreForm" onsubmit="return false;">
+      <input type="text" id="domainInput" placeholder="Enter domain (e.g. amazon.com, shein.com)" autocomplete="off" autofocus>
+      <button type="submit" id="searchBtn" onclick="checkScore()">Check Score</button>
+    </form>
+  </section>
+
+  <!-- RESULT -->
+  <div class="result-container">
+    <div class="error-msg" id="errorMsg"></div>
+    <div class="score-card" id="scoreCard">
+      <div class="score-header">
+        <div class="score-circle" id="scoreCircle">
+          <span class="grade" id="gradeText"></span>
+          <span class="number" id="scoreNumber"></span>
+        </div>
+        <div>
+          <div class="score-domain" id="domainText"></div>
+          <div class="score-label" id="gradeLabel"></div>
+        </div>
+      </div>
+
+      <div class="score-bars">
+        <div class="bar-row">
+          <div class="bar-label"><span>Fairness Score</span><span id="fairnessVal"></span></div>
+          <div class="bar-track"><div class="bar-fill" id="fairnessBar" style="width:0"></div></div>
+        </div>
+        <div class="bar-row">
+          <div class="bar-label"><span>Security Score</span><span id="securityVal"></span></div>
+          <div class="bar-track"><div class="bar-fill" id="securityBar" style="width:0"></div></div>
+        </div>
+      </div>
+
+      <div class="signals-list" id="signalsList">
+        <h4>Analysis Signals</h4>
+      </div>
+
+      <div class="badge-embed">
+        <h4>Embed This Badge</h4>
+        <code id="badgeCode"></code>
+      </div>
+    </div>
+  </div>
+
+  <!-- RECENT -->
+  <div class="recent-scores" id="recentSection" style="display:none;">
+    <h3>Recently Checked</h3>
+    <div class="recent-grid" id="recentGrid"></div>
+  </div>
+
+  <script>
+    const recentScores = JSON.parse(localStorage.getItem('wab_recent_scores') || '[]');
+    renderRecent();
+
+    // Allow URL param: /score?domain=amazon.com
+    const urlParams = new URLSearchParams(window.location.search);
+    const domainParam = urlParams.get('domain');
+    if (domainParam) {
+      document.getElementById('domainInput').value = domainParam;
+      setTimeout(checkScore, 100);
+    }
+
+    async function checkScore() {
+      const input = document.getElementById('domainInput');
+      const btn = document.getElementById('searchBtn');
+      const card = document.getElementById('scoreCard');
+      const error = document.getElementById('errorMsg');
+
+      let domain = input.value.trim().toLowerCase();
+      if (!domain) return;
+
+      // Clean input
+      domain = domain.replace(/^https?:\/\//, '').replace(/^www\./, '').replace(/\/.*$/, '');
+      if (domain.length < 3 || !domain.includes('.')) {
+        error.textContent = 'Please enter a valid domain (e.g. amazon.com)';
+        error.classList.add('visible');
+        card.classList.remove('visible');
+        return;
+      }
+
+      btn.disabled = true;
+      btn.textContent = 'Checking...';
+      error.classList.remove('visible');
+      card.classList.remove('visible');
+
+      try {
+        const res = await fetch('/api/growth/score/' + encodeURIComponent(domain));
+        const data = await res.json();
+
+        if (!res.ok) throw new Error(data.error || 'Failed to check score');
+
+        // Update URL
+        history.replaceState(null, '', '/score?domain=' + encodeURIComponent(domain));
+
+        // Render
+        renderScore(data);
+        saveRecent(data);
+      } catch (err) {
+        error.textContent = err.message;
+        error.classList.add('visible');
+      } finally {
+        btn.disabled = false;
+        btn.textContent = 'Check Score';
+      }
+    }
+
+    function renderScore(data) {
+      const card = document.getElementById('scoreCard');
+      const circle = document.getElementById('scoreCircle');
+      const gradeColors = {
+        'A+': '#22c55e', 'A': '#4ade80', 'A-': '#86efac',
+        'B+': '#a3e635', 'B': '#facc15', 'B-': '#fbbf24',
+        'C+': '#f59e0b', 'C': '#fb923c', 'C-': '#f97316',
+        'D': '#ef4444', 'F': '#dc2626'
+      };
+      const color = data.grade_color || gradeColors[data.grade] || '#64748b';
+
+      circle.style.background = color;
+      circle.style.color = '#fff';
+      document.getElementById('gradeText').textContent = data.grade;
+      document.getElementById('scoreNumber').textContent = data.score + '/100';
+      document.getElementById('domainText').textContent = data.domain;
+      document.getElementById('gradeLabel').textContent = data.grade_label;
+
+      document.getElementById('fairnessVal').textContent = data.fairness_score + '/100';
+      document.getElementById('fairnessBar').style.width = data.fairness_score + '%';
+      document.getElementById('fairnessBar').style.background = data.fairness_score >= 70 ? '#22c55e' : data.fairness_score >= 50 ? '#f59e0b' : '#ef4444';
+
+      document.getElementById('securityVal').textContent = data.security_score + '/100';
+      document.getElementById('securityBar').style.width = data.security_score + '%';
+      document.getElementById('securityBar').style.background = data.security_score >= 70 ? '#22c55e' : data.security_score >= 50 ? '#f59e0b' : '#ef4444';
+
+      // Signals
+      const signalsList = document.getElementById('signalsList');
+      signalsList.innerHTML = '<h4>Analysis Signals</h4>';
+      if (data.details && data.details.signals) {
+        data.details.signals.forEach(s => {
+          const isPositive = s.impact.startsWith('+');
+          signalsList.innerHTML += '<div class="signal"><span class="name">' + s.signal.replace(/_/g, ' ') + '</span><span class="impact ' + (isPositive ? 'positive' : 'negative') + '">' + s.impact + '</span></div>';
+        });
+      }
+
+      // Badge code
+      document.getElementById('badgeCode').textContent = '<img src="https://webagentbridge.com/api/growth/trust/badge/' + data.domain + '" alt="WAB Score: ' + data.grade + '" />';
+
+      card.classList.add('visible');
+    }
+
+    function saveRecent(data) {
+      const existing = recentScores.findIndex(s => s.domain === data.domain);
+      if (existing >= 0) recentScores.splice(existing, 1);
+      recentScores.unshift({ domain: data.domain, score: data.score, grade: data.grade, grade_label: data.grade_label, grade_color: data.grade_color });
+      if (recentScores.length > 12) recentScores.pop();
+      localStorage.setItem('wab_recent_scores', JSON.stringify(recentScores));
+      renderRecent();
+    }
+
+    function renderRecent() {
+      const section = document.getElementById('recentSection');
+      const grid = document.getElementById('recentGrid');
+      if (recentScores.length === 0) { section.style.display = 'none'; return; }
+      section.style.display = 'block';
+      grid.innerHTML = recentScores.map(s => {
+        const gradeColors = { 'A+': '#22c55e', 'A': '#4ade80', 'A-': '#86efac', 'B+': '#a3e635', 'B': '#facc15', 'B-': '#fbbf24', 'C+': '#f59e0b', 'C': '#fb923c', 'C-': '#f97316', 'D': '#ef4444', 'F': '#dc2626' };
+        const color = s.grade_color || gradeColors[s.grade] || '#64748b';
+        return '<div class="recent-item" onclick="document.getElementById(\'domainInput\').value=\'' + s.domain + '\';checkScore();">' +
+          '<div class="mini-grade" style="background:' + color + '">' + s.grade + '</div>' +
+          '<div class="info"><div class="domain">' + s.domain + '</div><div class="meta">' + s.score + '/100 · ' + s.grade_label + '</div></div>' +
+        '</div>';
+      }).join('');
+    }
+
+    document.getElementById('domainInput').addEventListener('keydown', function(e) {
+      if (e.key === 'Enter') checkScore();
+    });
+  </script>
+</body>
+</html>

package/public/terms.html

@@ -7,8 +7,10 @@
   <meta name="description" content="Terms of Service for Web Agent Bridge. EU and Dutch law 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">
+  <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.0.1">
 </head>
 <body>
 

package/sdk/index.js

@@ -616,4 +616,10 @@ class WABAgentOS {
   }
 }
 
-module.exports = { WABAgent, WABUniversalAgent, WABMultiAgent, WABAgentMesh, WABAgentOS };
+// Re-export WABToolkit from langchain package for convenience
+let WABToolkit;
+try { WABToolkit = require('../packages/langchain').WABToolkit; } catch {
+  try { WABToolkit = require('web-agent-bridge-langchain').WABToolkit; } catch {}
+}
+
+module.exports = { WABAgent, WABUniversalAgent, WABMultiAgent, WABAgentMesh, WABAgentOS, WABToolkit };

package/sdk/package.json

@@ -1,9 +1,20 @@
 {
   "name": "web-agent-bridge-sdk",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "SDK for building AI agents that interact with Web Agent Bridge (WAB)",
   "main": "index.js",
+  "types": "index.d.ts",
   "license": "MIT",
+  "author": "Web Agent Bridge <dev@webagentbridge.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/abokenan444/web-agent-bridge.git",
+    "directory": "sdk"
+  },
+  "homepage": "https://www.webagentbridge.com",
+  "bugs": {
+    "url": "https://github.com/abokenan444/web-agent-bridge/issues"
+  },
   "keywords": [
     "wab",
     "ai-agent",