web-agent-bridge 3.2.0 → 3.3.0

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 (202) hide show
  1. package/LICENSE +72 -72
  2. package/README.ar.md +1286 -1152
  3. package/README.md +1764 -1635
  4. package/bin/agent-runner.js +474 -474
  5. package/bin/cli.js +237 -138
  6. package/bin/wab.js +80 -80
  7. package/examples/bidi-agent.js +119 -119
  8. package/examples/cross-site-agent.js +91 -91
  9. package/examples/mcp-agent.js +94 -94
  10. package/examples/next-app-router/README.md +44 -44
  11. package/examples/puppeteer-agent.js +108 -108
  12. package/examples/saas-dashboard/README.md +55 -55
  13. package/examples/shopify-hydrogen/README.md +74 -74
  14. package/examples/vision-agent.js +171 -171
  15. package/examples/wordpress-elementor/README.md +77 -77
  16. package/package.json +16 -3
  17. package/public/.well-known/agent-tools.json +180 -180
  18. package/public/.well-known/ai-assets.json +59 -59
  19. package/public/.well-known/security.txt +8 -0
  20. package/public/agent-workspace.html +349 -349
  21. package/public/ai.html +198 -198
  22. package/public/api.html +413 -412
  23. package/public/browser.html +486 -486
  24. package/public/commander-dashboard.html +243 -243
  25. package/public/cookies.html +210 -210
  26. package/public/css/agent-workspace.css +1713 -1713
  27. package/public/css/premium.css +317 -317
  28. package/public/css/styles.css +1235 -1235
  29. package/public/dashboard.html +706 -706
  30. package/public/dns.html +507 -0
  31. package/public/docs.html +587 -587
  32. package/public/feed.xml +89 -89
  33. package/public/growth.html +463 -463
  34. package/public/index.html +1070 -982
  35. package/public/integrations.html +556 -0
  36. package/public/js/agent-workspace.js +1740 -1740
  37. package/public/js/auth-nav.js +31 -31
  38. package/public/js/auth-redirect.js +12 -12
  39. package/public/js/cookie-consent.js +56 -56
  40. package/public/js/wab-demo-page.js +721 -721
  41. package/public/js/ws-client.js +74 -74
  42. package/public/llms-full.txt +360 -360
  43. package/public/llms.txt +125 -125
  44. package/public/login.html +85 -85
  45. package/public/mesh-dashboard.html +328 -328
  46. package/public/openapi.json +580 -580
  47. package/public/phone-shield.html +281 -0
  48. package/public/premium-dashboard.html +2489 -2489
  49. package/public/premium.html +793 -793
  50. package/public/privacy.html +297 -297
  51. package/public/register.html +105 -105
  52. package/public/robots.txt +87 -87
  53. package/public/script/wab-consent.d.ts +36 -36
  54. package/public/script/wab-consent.js +104 -104
  55. package/public/script/wab-schema.js +131 -131
  56. package/public/script/wab.d.ts +108 -108
  57. package/public/script/wab.min.js +580 -580
  58. package/public/security.txt +8 -0
  59. package/public/terms.html +256 -256
  60. package/script/ai-agent-bridge.js +1754 -1754
  61. package/sdk/README.md +99 -99
  62. package/sdk/agent-mesh.js +449 -449
  63. package/sdk/commander.js +262 -262
  64. package/sdk/index.d.ts +464 -464
  65. package/sdk/index.js +12 -1
  66. package/sdk/multi-agent.js +318 -318
  67. package/sdk/package.json +1 -1
  68. package/sdk/safety-shield.js +219 -0
  69. package/sdk/schema-discovery.js +83 -83
  70. package/server/adapters/index.js +520 -520
  71. package/server/config/plans.js +367 -367
  72. package/server/config/secrets.js +102 -102
  73. package/server/control-plane/index.js +301 -301
  74. package/server/data-plane/index.js +354 -354
  75. package/server/index.js +531 -427
  76. package/server/llm/index.js +404 -404
  77. package/server/middleware/adminAuth.js +35 -35
  78. package/server/middleware/auth.js +50 -50
  79. package/server/middleware/featureGate.js +88 -88
  80. package/server/middleware/rateLimits.js +100 -100
  81. package/server/middleware/sensitiveAction.js +157 -0
  82. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  83. package/server/migrations/002_premium_features.sql +418 -418
  84. package/server/migrations/003_ads_integer_cents.sql +33 -33
  85. package/server/migrations/004_agent_os.sql +158 -158
  86. package/server/migrations/005_marketplace_metering.sql +126 -126
  87. package/server/models/adapters/index.js +33 -33
  88. package/server/models/adapters/mysql.js +183 -183
  89. package/server/models/adapters/postgresql.js +172 -172
  90. package/server/models/adapters/sqlite.js +7 -7
  91. package/server/models/db.js +681 -681
  92. package/server/observability/failure-analysis.js +337 -337
  93. package/server/observability/index.js +394 -394
  94. package/server/protocol/capabilities.js +223 -223
  95. package/server/protocol/index.js +243 -243
  96. package/server/protocol/schema.js +584 -584
  97. package/server/registry/certification.js +271 -271
  98. package/server/registry/index.js +326 -326
  99. package/server/routes/admin-premium.js +671 -671
  100. package/server/routes/admin.js +261 -261
  101. package/server/routes/ads.js +130 -130
  102. package/server/routes/agent-workspace.js +540 -540
  103. package/server/routes/api.js +150 -150
  104. package/server/routes/auth.js +71 -71
  105. package/server/routes/billing.js +45 -45
  106. package/server/routes/commander.js +316 -316
  107. package/server/routes/demo-showcase.js +332 -332
  108. package/server/routes/demo-store.js +154 -0
  109. package/server/routes/discovery.js +417 -417
  110. package/server/routes/gateway.js +173 -157
  111. package/server/routes/license.js +251 -240
  112. package/server/routes/mesh.js +469 -469
  113. package/server/routes/noscript.js +543 -543
  114. package/server/routes/premium-v2.js +686 -686
  115. package/server/routes/premium.js +724 -724
  116. package/server/routes/runtime.js +2148 -2147
  117. package/server/routes/sovereign.js +465 -385
  118. package/server/routes/universal.js +200 -185
  119. package/server/routes/wab-api.js +850 -501
  120. package/server/runtime/container-worker.js +111 -111
  121. package/server/runtime/container.js +448 -448
  122. package/server/runtime/distributed-worker.js +362 -362
  123. package/server/runtime/event-bus.js +210 -210
  124. package/server/runtime/index.js +253 -253
  125. package/server/runtime/queue.js +599 -599
  126. package/server/runtime/replay.js +666 -666
  127. package/server/runtime/sandbox.js +266 -266
  128. package/server/runtime/scheduler.js +534 -534
  129. package/server/runtime/session-engine.js +293 -293
  130. package/server/runtime/state-manager.js +188 -188
  131. package/server/security/cross-site-redactor.js +196 -0
  132. package/server/security/dry-run.js +180 -0
  133. package/server/security/human-gate-rate-limit.js +147 -0
  134. package/server/security/human-gate-transports.js +178 -0
  135. package/server/security/human-gate.js +281 -0
  136. package/server/security/index.js +368 -368
  137. package/server/security/intent-engine.js +245 -0
  138. package/server/security/reward-guard.js +171 -0
  139. package/server/security/rollback-store.js +239 -0
  140. package/server/security/token-scope.js +404 -0
  141. package/server/security/url-policy.js +139 -0
  142. package/server/services/agent-chat.js +506 -506
  143. package/server/services/agent-learning.js +601 -575
  144. package/server/services/agent-memory.js +625 -625
  145. package/server/services/agent-mesh.js +555 -539
  146. package/server/services/agent-symphony.js +717 -717
  147. package/server/services/agent-tasks.js +1807 -1807
  148. package/server/services/api-key-engine.js +292 -261
  149. package/server/services/cluster.js +894 -894
  150. package/server/services/commander.js +738 -738
  151. package/server/services/edge-compute.js +440 -440
  152. package/server/services/email.js +204 -204
  153. package/server/services/hosted-runtime.js +205 -205
  154. package/server/services/lfd.js +635 -635
  155. package/server/services/local-ai.js +389 -389
  156. package/server/services/marketplace.js +270 -270
  157. package/server/services/metering.js +182 -182
  158. package/server/services/modules/affiliate-intelligence.js +93 -93
  159. package/server/services/modules/agent-firewall.js +90 -90
  160. package/server/services/modules/bounty.js +89 -89
  161. package/server/services/modules/collective-bargaining.js +92 -92
  162. package/server/services/modules/dark-pattern.js +66 -66
  163. package/server/services/modules/gov-intelligence.js +45 -45
  164. package/server/services/modules/neural.js +55 -55
  165. package/server/services/modules/notary.js +49 -49
  166. package/server/services/modules/price-time-machine.js +86 -86
  167. package/server/services/modules/protocol.js +104 -104
  168. package/server/services/negotiation.js +439 -439
  169. package/server/services/plugins.js +771 -771
  170. package/server/services/price-intelligence.js +566 -566
  171. package/server/services/price-shield.js +1137 -1137
  172. package/server/services/reputation.js +465 -465
  173. package/server/services/search-engine.js +357 -357
  174. package/server/services/security.js +513 -513
  175. package/server/services/self-healing.js +843 -843
  176. package/server/services/sovereign-shield.js +542 -0
  177. package/server/services/stripe.js +192 -192
  178. package/server/services/swarm.js +788 -788
  179. package/server/services/universal-scraper.js +662 -661
  180. package/server/services/verification.js +481 -481
  181. package/server/services/vision.js +1163 -1163
  182. package/server/utils/cache.js +125 -125
  183. package/server/utils/migrate.js +81 -81
  184. package/server/utils/safe-fetch.js +228 -0
  185. package/server/utils/secureFields.js +50 -50
  186. package/server/ws.js +161 -161
  187. package/templates/artisan-marketplace.yaml +104 -104
  188. package/templates/book-price-scout.yaml +98 -98
  189. package/templates/electronics-price-tracker.yaml +108 -108
  190. package/templates/flight-deal-hunter.yaml +113 -113
  191. package/templates/freelancer-direct.yaml +116 -116
  192. package/templates/grocery-price-compare.yaml +93 -93
  193. package/templates/hotel-direct-booking.yaml +113 -113
  194. package/templates/local-services.yaml +98 -98
  195. package/templates/olive-oil-tunisia.yaml +88 -88
  196. package/templates/organic-farm-fresh.yaml +101 -101
  197. package/templates/restaurant-direct.yaml +97 -97
  198. package/public/score.html +0 -263
  199. package/server/migrations/006_growth_suite.sql +0 -138
  200. package/server/routes/growth.js +0 -962
  201. package/server/services/fairness-engine.js +0 -409
  202. package/server/services/fairness.js +0 -420
package/public/growth.html CHANGED
@@ -1,463 +1,463 @@
1
- <!DOCTYPE html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>WAB Growth Suite — 8 Modules to Protect & Power the Web</title>
7
- <meta name="description" content="WAB Growth Suite: Widget protection, AI Safety Layer, WAB Score, Trust Protocol, Bounty Network, Data Marketplace, Email Protection, and Affiliate Intelligence.">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <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">
11
- <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
12
- <style>
13
- .gs-hero { padding: 100px 20px 60px; background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); color: #fff; text-align: center; }
14
- .gs-hero h1 { font-size: 48px; font-weight: 900; margin-bottom: 16px; }
15
- .gs-hero p { font-size: 20px; color: #94a3b8; max-width: 640px; margin: 0 auto 32px; line-height: 1.6; }
16
- .gs-hero .badge { display: inline-block; background: rgba(59,130,246,0.15); color: #60a5fa; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 24px; }
17
-
18
- .gs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
19
- .gs-section { padding: 80px 20px; }
20
- .gs-section h2 { font-size: 36px; font-weight: 800; color: #0f172a; margin-bottom: 16px; text-align: center; }
21
- .gs-section .subtitle { font-size: 18px; color: #64748b; text-align: center; max-width: 700px; margin: 0 auto 48px; line-height: 1.6; }
22
-
23
- .gs-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; transition: transform 0.2s, box-shadow 0.2s; }
24
- .gs-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
25
- .gs-card .icon { font-size: 40px; margin-bottom: 16px; }
26
- .gs-card h3 { font-size: 20px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
27
- .gs-card p { font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 16px; }
28
- .gs-card .tag { display: inline-block; background: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; }
29
-
30
- .gs-dark { background: #0f172a; color: #fff; }
31
- .gs-dark h2 { color: #fff; }
32
- .gs-dark .subtitle { color: #94a3b8; }
33
-
34
- .gs-code { background: #0f172a; color: #e2e8f0; padding: 24px; border-radius: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; max-width: 700px; margin: 0 auto; }
35
- .gs-code .kw { color: #c678dd; }
36
- .gs-code .fn { color: #61afef; }
37
- .gs-code .st { color: #98c379; }
38
- .gs-code .cm { color: #5c6370; }
39
- .gs-code .num { color: #d19a66; }
40
-
41
- .gs-score-badge { display: inline-flex; align-items: center; gap: 12px; border: 2px solid; border-radius: 12px; padding: 16px 24px; background: #fff; }
42
- .gs-score-grade { font-size: 32px; font-weight: 900; line-height: 1; }
43
-
44
- .gs-cta { text-align: center; padding: 80px 20px; background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }
45
- .gs-cta h2 { font-size: 36px; font-weight: 800; margin-bottom: 16px; color: #fff; }
46
- .gs-cta p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 32px; }
47
- .gs-cta .btn { display: inline-block; padding: 14px 32px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 16px; }
48
- .gs-cta .btn-white { background: #fff; color: #0f172a; }
49
- .gs-cta .btn-outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3); margin-left: 12px; }
50
-
51
- .gs-detail { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
52
- .gs-detail.reverse { direction: rtl; }
53
- .gs-detail.reverse > * { direction: ltr; }
54
- @media (max-width: 768px) {
55
- .gs-detail, .gs-detail.reverse { grid-template-columns: 1fr; }
56
- .gs-hero h1 { font-size: 32px; }
57
- .gs-section h2 { font-size: 28px; }
58
- }
59
-
60
- .gs-mockup { background: #1e293b; border: 1px solid #334155; border-radius: 16px; padding: 24px; color: #e2e8f0; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; }
61
- .gs-feature-list { list-style: none; padding: 0; }
62
- .gs-feature-list li { padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 15px; color: #334155; }
63
- .gs-feature-list li:last-child { border-bottom: none; }
64
-
65
- .gs-stats { display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; margin-bottom: 48px; }
66
- .gs-stat { text-align: center; }
67
- .gs-stat .num { font-size: 48px; font-weight: 900; color: #3b82f6; line-height: 1; }
68
- .gs-stat .label { font-size: 14px; color: #64748b; margin-top: 4px; }
69
- </style>
70
- </head>
71
- <body>
72
-
73
- <!-- NAVBAR -->
74
- <nav class="navbar" id="navbar">
75
- <div class="container">
76
- <a href="/" class="navbar-brand">
77
- <div class="brand-icon">⚡</div>
78
- <span>WAB</span>
79
- </a>
80
- <ul class="navbar-links">
81
- <li><a href="/#features">Features</a></li>
82
- <li><a href="#modules">Modules</a></li>
83
- <li><a href="#quickstart">Quick Start</a></li>
84
- <li><a href="/docs">Docs</a></li>
85
- <li><a href="/demo">Demo</a></li>
86
- </ul>
87
- <div class="navbar-actions">
88
- <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
89
- <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
90
- <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
91
- </div>
92
- <button class="mobile-menu-btn" onclick="document.querySelector('.navbar-links').classList.toggle('active')">☰</button>
93
- </div>
94
- </nav>
95
-
96
- <!-- HERO -->
97
- <section class="gs-hero">
98
- <div class="badge">WAB Growth Suite v2.5</div>
99
- <h1>8 Modules to Protect &<br>Power the Web</h1>
100
- <p>Production-ready growth modules designed to spread safety, fairness, and intelligence across the web, AI ecosystems, and developer tools.</p>
101
- <div style="display:flex; gap:16px; justify-content:center; flex-wrap:wrap;">
102
- <a href="#modules" class="btn btn-primary btn-lg">Explore Modules</a>
103
- <a href="#quickstart" class="btn btn-secondary btn-lg">Quick Start</a>
104
- </div>
105
- </section>
106
-
107
- <!-- STATS -->
108
- <section class="gs-section" style="padding-bottom:0;">
109
- <div class="gs-stats">
110
- <div class="gs-stat"><div class="num">8</div><div class="label">Growth Modules</div></div>
111
- <div class="gs-stat"><div class="num">47</div><div class="label">Threat Databases</div></div>
112
- <div class="gs-stat"><div class="num">15</div><div class="label">Fairness Signals</div></div>
113
- <div class="gs-stat"><div class="num">500+</div><div class="label">Platforms Scored</div></div>
114
- </div>
115
- </section>
116
-
117
- <!-- ALL 8 MODULES -->
118
- <section class="gs-section" id="modules">
119
- <h2>Growth Modules</h2>
120
- <p class="subtitle">Each module targets a different audience and use case — from individual bloggers to Fortune 500 AI companies.</p>
121
-
122
- <div class="gs-grid">
123
- <!-- 1. WAB Widget -->
124
- <div class="gs-card">
125
- <div class="icon">🛡️</div>
126
- <h3>WAB Widget</h3>
127
- <p>Drop-in link protection for any website. One line of code adds a security shield next to every external link, blocking phishing and scam sites in real-time.</p>
128
- <span class="tag">Website Owners</span> <span class="tag">Bloggers</span>
129
- </div>
130
-
131
- <!-- 2. AI Safety Layer -->
132
- <div class="gs-card">
133
- <div class="icon">🤖</div>
134
- <h3>AI Safety Layer</h3>
135
- <p>Mandatory security layer for AI agents browsing the web. Compatible with OpenAI Operator, Anthropic Computer Use, and all major AI agent frameworks.</p>
136
- <span class="tag">AI Companies</span> <span class="tag">Developers</span>
137
- </div>
138
-
139
- <!-- 3. WAB Score -->
140
- <div class="gs-card">
141
- <div class="icon">📊</div>
142
- <h3>WAB Score</h3>
143
- <p>Credit rating system for digital platforms. Scores are based on 15 fairness signals + security analysis — like a credit score for websites.</p>
144
- <span class="tag">Consumers</span> <span class="tag">Media</span>
145
- </div>
146
-
147
- <!-- 4. Trust Layer Protocol -->
148
- <div class="gs-card">
149
- <div class="icon">🔐</div>
150
- <h3>Trust Layer Protocol</h3>
151
- <p>Open <code>wab.json</code> protocol — like HTTPS for trust. Websites publish a trust manifest that can be verified by any agent or browser.</p>
152
- <span class="tag">E-commerce</span> <span class="tag">Platforms</span>
153
- </div>
154
-
155
- <!-- 5. Bounty Network -->
156
- <div class="gs-card">
157
- <div class="icon">💰</div>
158
- <h3>Bounty Network</h3>
159
- <p>Crowdsourced scam detection. Users earn credits for reporting phishing sites, malware, and fraud — before automated systems catch them.</p>
160
- <span class="tag">General Public</span> <span class="tag">Researchers</span>
161
- </div>
162
-
163
- <!-- 6. Data Marketplace -->
164
- <div class="gs-card">
165
- <div class="icon">🗄️</div>
166
- <h3>Data Marketplace</h3>
167
- <p>Buy and sell curated threat intelligence datasets. Real-time phishing feeds, platform fairness data, and affiliate intelligence for AI training.</p>
168
- <span class="tag">Security Firms</span> <span class="tag">AI Companies</span>
169
- </div>
170
-
171
- <!-- 7. Email Protection -->
172
- <div class="gs-card">
173
- <div class="icon">📧</div>
174
- <h3>Email Protection</h3>
175
- <p>Gmail &amp; Outlook phishing protection. Scans every link and sender in your inbox — 94% of breaches start with a phishing email.</p>
176
- <span class="tag">All Users</span> <span class="tag">Enterprise</span>
177
- </div>
178
-
179
- <!-- 8. Affiliate Intelligence -->
180
- <div class="gs-card">
181
- <div class="icon">📈</div>
182
- <h3>Affiliate Intelligence</h3>
183
- <p>Protect affiliate marketers from fraud. Detects cookie stuffing, commission shaving, and payment delays across all major networks.</p>
184
- <span class="tag">Marketers</span> <span class="tag">Affiliates</span>
185
- </div>
186
- </div>
187
- </section>
188
-
189
- <!-- DETAIL: WAB Widget -->
190
- <section class="gs-section" style="background:#f8fafc;">
191
- <div class="gs-detail">
192
- <div>
193
- <h2 style="text-align:left; font-size:28px;">One Line of Code. Full Link Protection.</h2>
194
- <p style="color:#64748b; line-height:1.6; margin-bottom:24px;">Add the WAB Widget to any website and every external link gets scanned against 47 threat databases. Safe links get a green shield, suspicious ones get warnings, and phishing sites get blocked.</p>
195
- <ul class="gs-feature-list">
196
- <li>✅ Zero configuration — just add the script tag</li>
197
- <li>✅ Badge, tooltip, or full blocking mode</li>
198
- <li>✅ Cached results — no performance impact</li>
199
- <li>✅ Works with any CMS or framework</li>
200
- </ul>
201
- </div>
202
- <div class="gs-code">
203
- <span class="cm">&lt;!-- Add WAB Widget to your site --&gt;</span><br>
204
- <span class="kw">&lt;script</span> <span class="fn">src</span>=<span class="st">"https://webagentbridge.com/script/ai-agent-bridge.js"</span><br>
205
- &nbsp;&nbsp;&nbsp;&nbsp;<span class="fn">data-wab-key</span>=<span class="st">"YOUR_API_KEY"</span><span class="kw">&gt;&lt;/script&gt;</span>
206
- </div>
207
- </div>
208
- </section>
209
-
210
- <!-- DETAIL: AI Safety Layer -->
211
- <section class="gs-section gs-dark">
212
- <div class="gs-detail reverse">
213
- <div>
214
- <div style="color:#3b82f6; font-weight:700; margin-bottom:8px; letter-spacing:1px; font-size:12px;">FOR AI COMPANIES</div>
215
- <h2 style="text-align:left; font-size:28px; color:#fff;">Mandatory Safety for AI Agents</h2>
216
- <p style="color:#94a3b8; line-height:1.6; margin-bottom:24px;">Building an AI agent that browses the web? WAB Safety Layer wraps any agent with automatic threat scanning and fairness checks. Compatible with OpenAI Operator &amp; Anthropic Computer Use.</p>
217
- <ul class="gs-feature-list" style="border-color:#334155;">
218
- <li style="color:#cbd5e1; border-color:#334155;">✅ Compatible with OpenAI Operator & Anthropic</li>
219
- <li style="color:#cbd5e1; border-color:#334155;">✅ Blocks fraudulent financial transactions</li>
220
- <li style="color:#cbd5e1; border-color:#334155;">✅ Lifts legal liability from your company</li>
221
- </ul>
222
- </div>
223
- <div class="gs-mockup">
224
- <span style="color:#c678dd">import</span> { WABAgentWrapper } <span style="color:#c678dd">from</span> <span style="color:#98c379">'@wab/sdk'</span>;<br><br>
225
- <span style="color:#5c6370">// Wrap your AI Agent with WAB Safety</span><br>
226
- <span style="color:#c678dd">const</span> safeAgent = <span style="color:#c678dd">new</span> <span style="color:#61afef">WABAgentWrapper</span>(myAgent, {<br>
227
- &nbsp;&nbsp;<span style="color:#d19a66">blockCritical</span>: <span style="color:#d19a66">true</span>,<br>
228
- &nbsp;&nbsp;<span style="color:#d19a66">minFairness</span>: <span style="color:#d19a66">60</span>,<br>
229
- });<br><br>
230
- <span style="color:#5c6370">// WAB blocks scam sites automatically</span><br>
231
- <span style="color:#c678dd">await</span> safeAgent.<span style="color:#61afef">browse</span>(<span style="color:#98c379">'https://scam-site.xyz'</span>);<br>
232
- <span style="color:#e06c75">→ WABBlockedError: Phishing detected</span>
233
- </div>
234
- </div>
235
- </section>
236
-
237
- <!-- DETAIL: WAB Score -->
238
- <section class="gs-section" style="background:white;">
239
- <div style="max-width:800px; margin:0 auto; text-align:center;">
240
- <h2>The Digital World's Credit Rating</h2>
241
- <p class="subtitle">Like credit agencies rate banks, WAB Score rates digital platforms. Search for any platform and get a transparency score based on 15 fairness signals.</p>
242
-
243
- <div style="display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-bottom:40px;">
244
- <!-- Amazon -->
245
- <div class="gs-score-badge" style="border-color:#22c55e;">
246
- <div class="gs-score-grade" style="color:#22c55e;">A-</div>
247
- <div style="text-align:left;">
248
- <div style="font-weight:700; color:#1e293b;">Very Good</div>
249
- <div style="font-size:12px; color:#64748b;">86/100 · amazon.com</div>
250
- </div>
251
- </div>
252
- <!-- AliExpress -->
253
- <div class="gs-score-badge" style="border-color:#f59e0b;">
254
- <div class="gs-score-grade" style="color:#f59e0b;">C+</div>
255
- <div style="text-align:left;">
256
- <div style="font-weight:700; color:#1e293b;">Below Average</div>
257
- <div style="font-size:12px; color:#64748b;">68/100 · aliexpress.com</div>
258
- </div>
259
- </div>
260
- </div>
261
-
262
- <form action="/score" method="GET" style="display:flex; max-width:500px; margin:0 auto; gap:8px;">
263
- <input type="text" name="domain" placeholder="Enter platform domain (e.g. shein.com)" style="flex:1; padding:12px 16px; border:1px solid #e2e8f0; border-radius:8px; font-size:15px;">
264
- <button type="submit" style="background:#0f172a; color:white; border:none; padding:12px 24px; border-radius:8px; font-weight:700; cursor:pointer;">Check Score</button>
265
- </form>
266
- </div>
267
- </section>
268
-
269
- <!-- DETAIL: Trust Protocol -->
270
- <section class="gs-section" style="background:#f1f5f9;">
271
- <div class="gs-detail">
272
- <div>
273
- <h2 style="text-align:left; font-size:28px;">The Open Trust Protocol</h2>
274
- <p style="color:#475569; line-height:1.6; margin-bottom:20px;">Prove to your customers that your store is fair and safe. Add a <code>wab.json</code> file to your site and print a verified trust badge — like the SSL padlock for platform fairness.</p>
275
- <a href="/docs" style="color:#3b82f6; font-weight:600; text-decoration:none;">Learn how to get certified →</a>
276
- </div>
277
- <div style="background:white; padding:20px; border-radius:12px; border:1px solid #e2e8f0;">
278
- <div style="font-family:'JetBrains Mono',monospace; font-size:12px; color:#334155;">
279
- <span style="color:#94a3b8">// /.well-known/wab.json</span><br>
280
- {<br>
281
- &nbsp;&nbsp;"wab_certified": <span style="color:#22c55e">true</span>,<br>
282
- &nbsp;&nbsp;"fairness_score": <span style="color:#3b82f6">92</span>,<br>
283
- &nbsp;&nbsp;"last_audit": <span style="color:#a3e635">"2026-04-01"</span><br>
284
- }
285
- </div>
286
- </div>
287
- </div>
288
- </section>
289
-
290
- <!-- DETAIL: Bounty Network -->
291
- <section class="gs-section gs-dark" style="text-align:center;">
292
- <div style="max-width:700px; margin:0 auto;">
293
- <div style="font-size:48px; margin-bottom:16px;">💰</div>
294
- <h2 style="color:#fff;">Earn Money by Discovering Fraud</h2>
295
- <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;">Join the <strong>WAB Bounty Network</strong> and report phishing sites, scams, and malware that automated systems haven't caught yet. Earn credits redeemable for cash or subscriptions.</p>
296
-
297
- <div style="display:flex; justify-content:center; gap:24px; margin-bottom:32px; flex-wrap:wrap;">
298
- <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
299
- <div style="font-size:24px; font-weight:700; color:#ef4444;">50 Credits</div>
300
- <div style="font-size:13px; color:#94a3b8;">Critical Threats</div>
301
- </div>
302
- <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
303
- <div style="font-size:24px; font-weight:700; color:#f59e0b;">25 Credits</div>
304
- <div style="font-size:13px; color:#94a3b8;">Confirmed Scams</div>
305
- </div>
306
- <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
307
- <div style="font-size:24px; font-weight:700; color:#3b82f6;">10 Credits</div>
308
- <div style="font-size:13px; color:#94a3b8;">Suspicious Sites</div>
309
- </div>
310
- </div>
311
-
312
- <a href="/register" class="btn btn-primary btn-lg">Start Earning →</a>
313
- </div>
314
- </section>
315
-
316
- <!-- DETAIL: Data Marketplace -->
317
- <section class="gs-section" style="background:white;">
318
- <div style="max-width:1000px; margin:0 auto; text-align:center;">
319
- <h2>Threat Intelligence for AI &amp; Security</h2>
320
- <p class="subtitle"><strong>WAB Data Marketplace</strong> provides curated datasets for cybersecurity companies and AI model training — real-time threat feeds, fairness data, and more.</p>
321
-
322
- <div class="gs-grid" style="grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));">
323
- <div class="gs-card">
324
- <h3>Threat Intelligence Feed</h3>
325
- <p>Real-time phishing, malware, and scam URL data from 47 databases. Updated continuously.</p>
326
- <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
327
- </div>
328
- <div class="gs-card">
329
- <h3>Platform Fairness Data</h3>
330
- <p>Quarterly transparency scores for 500+ marketplaces — hidden fees, return policies, dark patterns, and more.</p>
331
- <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
332
- </div>
333
- <div class="gs-card">
334
- <h3>Affiliate Intelligence</h3>
335
- <p>Commission benchmarks, fraud pattern datasets, and network reliability scores across all major affiliate platforms.</p>
336
- <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
337
- </div>
338
- </div>
339
- </div>
340
- </section>
341
-
342
- <!-- DETAIL: Email Protection -->
343
- <section class="gs-section" style="background:#f8fafc;">
344
- <div class="gs-detail">
345
- <div>
346
- <h3 style="font-size:28px; color:#0f172a; margin-bottom:16px;">Email Protection</h3>
347
- <p style="color:#475569; font-size:16px; line-height:1.6; margin-bottom:24px;">94% of cyber breaches start with a phishing email. Install the WAB extension and every link and sender in your inbox gets scanned automatically.</p>
348
- <div style="display:flex; gap:12px;">
349
- <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🌐 Chrome Extension</a>
350
- <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🦊 Firefox Add-on</a>
351
- </div>
352
- </div>
353
- <div style="background:white; padding:16px; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.06);">
354
- <div style="background:#fef2f2; border-left:4px solid #ef4444; padding:12px 16px; border-radius:4px; margin-bottom:16px;">
355
- <strong style="color:#991b1b; font-size:13px;">🚫 WAB Security Alert:</strong>
356
- <span style="font-size:13px; color:#991b1b;"> This email contains a dangerous link</span>
357
- <div style="color:#b91c1c; font-size:12px; margin-top:4px;">PHISHING DETECTED — paypa1-secure-login.xyz scored 95/100 risk</div>
358
- </div>
359
- <div style="height:12px; background:#f1f5f9; width:60%; margin-bottom:8px; border-radius:4px;"></div>
360
- <div style="height:12px; background:#f1f5f9; width:80%; margin-bottom:8px; border-radius:4px;"></div>
361
- <div style="height:12px; background:#f1f5f9; width:40%; border-radius:4px;"></div>
362
- </div>
363
- </div>
364
- </section>
365
-
366
- <!-- DETAIL: Affiliate Intelligence -->
367
- <section class="gs-section gs-dark">
368
- <div style="max-width:800px; margin:0 auto; text-align:center;">
369
- <h2 style="color:#fff;">Are Affiliate Networks Stealing Your Commissions?</h2>
370
- <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;"><strong>WAB Affiliate Intelligence</strong> analyzes your affiliate data and compares it with industry benchmarks to detect commission shaving, cookie stuffing, and payment fraud.</p>
371
-
372
- <div class="gs-mockup" style="text-align:left; margin-bottom:32px;">
373
- <div style="display:flex; justify-content:space-between; border-bottom:1px solid #334155; padding-bottom:12px; margin-bottom:12px;">
374
- <div>
375
- <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Network</div>
376
- <div style="font-weight:700; font-size:16px;">ClickBank</div>
377
- </div>
378
- <div style="text-align:right;">
379
- <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Fraud Risk</div>
380
- <div style="font-weight:700; font-size:16px; color:#f59e0b;">MEDIUM</div>
381
- </div>
382
- </div>
383
- <div style="color:#cbd5e1; font-size:14px; margin-bottom:8px;">⚠️ <strong>Commission Shaving:</strong> 12% of valid sales cancelled</div>
384
- <div style="color:#cbd5e1; font-size:14px;">⚠️ <strong>Payment Delays:</strong> Average 45 days vs industry 30</div>
385
- </div>
386
-
387
- <a href="/register" class="btn btn-primary btn-lg">Analyze Your Networks →</a>
388
- </div>
389
- </section>
390
-
391
- <!-- QUICK START -->
392
- <section class="gs-section" style="background:white;" id="quickstart">
393
- <h2>Quick Start</h2>
394
- <p class="subtitle">Get started with the WAB Growth Suite in seconds.</p>
395
-
396
- <div class="gs-code">
397
- <span class="kw">const</span> { WABGrowthSuite } = <span class="fn">require</span>(<span class="st">'wab-growth-suite'</span>);<br><br>
398
- <span class="kw">const</span> wab = <span class="kw">new</span> <span class="fn">WABGrowthSuite</span>(<span class="st">'YOUR_WAB_API_KEY'</span>);<br><br>
399
- <span class="cm">// Scan a URL for threats</span><br>
400
- <span class="kw">const</span> result = <span class="kw">await</span> wab.<span class="fn">scan</span>(<span class="st">'https://suspicious-site.com'</span>);<br><br>
401
- <span class="cm">// Full domain audit (score + trust + security)</span><br>
402
- <span class="kw">const</span> audit = <span class="kw">await</span> wab.<span class="fn">auditDomain</span>(<span class="st">'amazon.com'</span>);<br><br>
403
- <span class="cm">// Wrap an AI Agent with safety</span><br>
404
- <span class="kw">const</span> safeAgent = wab.<span class="fn">wrapAgent</span>(myAIAgent, {<br>
405
- &nbsp;&nbsp;blockCritical: <span class="num">true</span>,<br>
406
- &nbsp;&nbsp;minFairness: <span class="num">60</span><br>
407
- });
408
- </div>
409
- </section>
410
-
411
- <!-- CTA -->
412
- <section class="gs-cta">
413
- <h2>Make the Web Safer, Fairer, Smarter</h2>
414
- <p>Start with the free tier — 100 scans/day, no credit card required.</p>
415
- <div>
416
- <a href="/register" class="gs-cta .btn btn-white" style="background:#fff; color:#0f172a; padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px;">Create Free Account</a>
417
- <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener" class="gs-cta .btn btn-outline" style="padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px; border:2px solid rgba(255,255,255,0.3); color:#fff; margin-left:12px;">⭐ Star on GitHub</a>
418
- </div>
419
- </section>
420
-
421
- <!-- FOOTER -->
422
- <footer class="footer">
423
- <div class="container">
424
- <div class="footer-grid">
425
- <div class="footer-brand">
426
- <a href="/" class="navbar-brand">
427
- <div class="brand-icon">⚡</div>
428
- <span>Web Agent Bridge</span>
429
- </a>
430
- <p style="color:var(--text-secondary); margin-top:12px; font-size:14px; line-height:1.6;">
431
- Open-source middleware for the Agentic Web.
432
- </p>
433
- </div>
434
- <div class="footer-links">
435
- <h4>Product</h4>
436
- <a href="/#features">Features</a>
437
- <a href="/#pricing">Pricing</a>
438
- <a href="/demo">Demo</a>
439
- <a href="/docs">Documentation</a>
440
- </div>
441
- <div class="footer-links">
442
- <h4>Growth Suite</h4>
443
- <a href="/growth#modules">All Modules</a>
444
- <a href="/growth#quickstart">Quick Start</a>
445
- <a href="/workspace">Get API Key</a>
446
- </div>
447
- <div class="footer-links">
448
- <h4>Community</h4>
449
- <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a>
450
- <a href="/CONTRIBUTING.md">Contribute</a>
451
- <a href="/terms">Terms</a>
452
- <a href="/privacy">Privacy</a>
453
- </div>
454
- </div>
455
- <div class="footer-bottom">
456
- <p>&copy; 2026 Web Agent Bridge — Open Source (MIT)</p>
457
- </div>
458
- </div>
459
- </footer>
460
-
461
- <script src="/js/auth-nav.js?v=3.0.1"></script>
462
- </body>
463
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>WAB Growth Suite — 8 Modules to Protect & Power the Web</title>
7
+ <meta name="description" content="WAB Growth Suite: Widget protection, AI Safety Layer, WAB Score, Trust Protocol, Bounty Network, Data Marketplace, Email Protection, and Affiliate Intelligence.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <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">
11
+ <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
12
+ <style>
13
+ .gs-hero { padding: 100px 20px 60px; background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); color: #fff; text-align: center; }
14
+ .gs-hero h1 { font-size: 48px; font-weight: 900; margin-bottom: 16px; }
15
+ .gs-hero p { font-size: 20px; color: #94a3b8; max-width: 640px; margin: 0 auto 32px; line-height: 1.6; }
16
+ .gs-hero .badge { display: inline-block; background: rgba(59,130,246,0.15); color: #60a5fa; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 24px; }
17
+
18
+ .gs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
19
+ .gs-section { padding: 80px 20px; }
20
+ .gs-section h2 { font-size: 36px; font-weight: 800; color: #0f172a; margin-bottom: 16px; text-align: center; }
21
+ .gs-section .subtitle { font-size: 18px; color: #64748b; text-align: center; max-width: 700px; margin: 0 auto 48px; line-height: 1.6; }
22
+
23
+ .gs-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; transition: transform 0.2s, box-shadow 0.2s; }
24
+ .gs-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
25
+ .gs-card .icon { font-size: 40px; margin-bottom: 16px; }
26
+ .gs-card h3 { font-size: 20px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
27
+ .gs-card p { font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 16px; }
28
+ .gs-card .tag { display: inline-block; background: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; }
29
+
30
+ .gs-dark { background: #0f172a; color: #fff; }
31
+ .gs-dark h2 { color: #fff; }
32
+ .gs-dark .subtitle { color: #94a3b8; }
33
+
34
+ .gs-code { background: #0f172a; color: #e2e8f0; padding: 24px; border-radius: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; max-width: 700px; margin: 0 auto; }
35
+ .gs-code .kw { color: #c678dd; }
36
+ .gs-code .fn { color: #61afef; }
37
+ .gs-code .st { color: #98c379; }
38
+ .gs-code .cm { color: #5c6370; }
39
+ .gs-code .num { color: #d19a66; }
40
+
41
+ .gs-score-badge { display: inline-flex; align-items: center; gap: 12px; border: 2px solid; border-radius: 12px; padding: 16px 24px; background: #fff; }
42
+ .gs-score-grade { font-size: 32px; font-weight: 900; line-height: 1; }
43
+
44
+ .gs-cta { text-align: center; padding: 80px 20px; background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }
45
+ .gs-cta h2 { font-size: 36px; font-weight: 800; margin-bottom: 16px; color: #fff; }
46
+ .gs-cta p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 32px; }
47
+ .gs-cta .btn { display: inline-block; padding: 14px 32px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 16px; }
48
+ .gs-cta .btn-white { background: #fff; color: #0f172a; }
49
+ .gs-cta .btn-outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3); margin-left: 12px; }
50
+
51
+ .gs-detail { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
52
+ .gs-detail.reverse { direction: rtl; }
53
+ .gs-detail.reverse > * { direction: ltr; }
54
+ @media (max-width: 768px) {
55
+ .gs-detail, .gs-detail.reverse { grid-template-columns: 1fr; }
56
+ .gs-hero h1 { font-size: 32px; }
57
+ .gs-section h2 { font-size: 28px; }
58
+ }
59
+
60
+ .gs-mockup { background: #1e293b; border: 1px solid #334155; border-radius: 16px; padding: 24px; color: #e2e8f0; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; }
61
+ .gs-feature-list { list-style: none; padding: 0; }
62
+ .gs-feature-list li { padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 15px; color: #334155; }
63
+ .gs-feature-list li:last-child { border-bottom: none; }
64
+
65
+ .gs-stats { display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; margin-bottom: 48px; }
66
+ .gs-stat { text-align: center; }
67
+ .gs-stat .num { font-size: 48px; font-weight: 900; color: #3b82f6; line-height: 1; }
68
+ .gs-stat .label { font-size: 14px; color: #64748b; margin-top: 4px; }
69
+ </style>
70
+ </head>
71
+ <body>
72
+
73
+ <!-- NAVBAR -->
74
+ <nav class="navbar" id="navbar">
75
+ <div class="container">
76
+ <a href="/" class="navbar-brand">
77
+ <div class="brand-icon">⚡</div>
78
+ <span>WAB</span>
79
+ </a>
80
+ <ul class="navbar-links">
81
+ <li><a href="/#features">Features</a></li>
82
+ <li><a href="#modules">Modules</a></li>
83
+ <li><a href="#quickstart">Quick Start</a></li>
84
+ <li><a href="/docs">Docs</a></li>
85
+ <li><a href="/demo">Demo</a></li>
86
+ </ul>
87
+ <div class="navbar-actions">
88
+ <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
89
+ <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
90
+ <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
91
+ </div>
92
+ <button class="mobile-menu-btn" onclick="document.querySelector('.navbar-links').classList.toggle('active')">☰</button>
93
+ </div>
94
+ </nav>
95
+
96
+ <!-- HERO -->
97
+ <section class="gs-hero">
98
+ <div class="badge">WAB Growth Suite v2.5</div>
99
+ <h1>8 Modules to Protect &<br>Power the Web</h1>
100
+ <p>Production-ready growth modules designed to spread safety, fairness, and intelligence across the web, AI ecosystems, and developer tools.</p>
101
+ <div style="display:flex; gap:16px; justify-content:center; flex-wrap:wrap;">
102
+ <a href="#modules" class="btn btn-primary btn-lg">Explore Modules</a>
103
+ <a href="#quickstart" class="btn btn-secondary btn-lg">Quick Start</a>
104
+ </div>
105
+ </section>
106
+
107
+ <!-- STATS -->
108
+ <section class="gs-section" style="padding-bottom:0;">
109
+ <div class="gs-stats">
110
+ <div class="gs-stat"><div class="num">8</div><div class="label">Growth Modules</div></div>
111
+ <div class="gs-stat"><div class="num">47</div><div class="label">Threat Databases</div></div>
112
+ <div class="gs-stat"><div class="num">15</div><div class="label">Fairness Signals</div></div>
113
+ <div class="gs-stat"><div class="num">500+</div><div class="label">Platforms Scored</div></div>
114
+ </div>
115
+ </section>
116
+
117
+ <!-- ALL 8 MODULES -->
118
+ <section class="gs-section" id="modules">
119
+ <h2>Growth Modules</h2>
120
+ <p class="subtitle">Each module targets a different audience and use case — from individual bloggers to Fortune 500 AI companies.</p>
121
+
122
+ <div class="gs-grid">
123
+ <!-- 1. WAB Widget -->
124
+ <div class="gs-card">
125
+ <div class="icon">🛡️</div>
126
+ <h3>WAB Widget</h3>
127
+ <p>Drop-in link protection for any website. One line of code adds a security shield next to every external link, blocking phishing and scam sites in real-time.</p>
128
+ <span class="tag">Website Owners</span> <span class="tag">Bloggers</span>
129
+ </div>
130
+
131
+ <!-- 2. AI Safety Layer -->
132
+ <div class="gs-card">
133
+ <div class="icon">🤖</div>
134
+ <h3>AI Safety Layer</h3>
135
+ <p>Mandatory security layer for AI agents browsing the web. Compatible with OpenAI Operator, Anthropic Computer Use, and all major AI agent frameworks.</p>
136
+ <span class="tag">AI Companies</span> <span class="tag">Developers</span>
137
+ </div>
138
+
139
+ <!-- 3. WAB Score -->
140
+ <div class="gs-card">
141
+ <div class="icon">📊</div>
142
+ <h3>WAB Score</h3>
143
+ <p>Credit rating system for digital platforms. Scores are based on 15 fairness signals + security analysis — like a credit score for websites.</p>
144
+ <span class="tag">Consumers</span> <span class="tag">Media</span>
145
+ </div>
146
+
147
+ <!-- 4. Trust Layer Protocol -->
148
+ <div class="gs-card">
149
+ <div class="icon">🔐</div>
150
+ <h3>Trust Layer Protocol</h3>
151
+ <p>Open <code>wab.json</code> protocol — like HTTPS for trust. Websites publish a trust manifest that can be verified by any agent or browser.</p>
152
+ <span class="tag">E-commerce</span> <span class="tag">Platforms</span>
153
+ </div>
154
+
155
+ <!-- 5. Bounty Network -->
156
+ <div class="gs-card">
157
+ <div class="icon">💰</div>
158
+ <h3>Bounty Network</h3>
159
+ <p>Crowdsourced scam detection. Users earn credits for reporting phishing sites, malware, and fraud — before automated systems catch them.</p>
160
+ <span class="tag">General Public</span> <span class="tag">Researchers</span>
161
+ </div>
162
+
163
+ <!-- 6. Data Marketplace -->
164
+ <div class="gs-card">
165
+ <div class="icon">🗄️</div>
166
+ <h3>Data Marketplace</h3>
167
+ <p>Buy and sell curated threat intelligence datasets. Real-time phishing feeds, platform fairness data, and affiliate intelligence for AI training.</p>
168
+ <span class="tag">Security Firms</span> <span class="tag">AI Companies</span>
169
+ </div>
170
+
171
+ <!-- 7. Email Protection -->
172
+ <div class="gs-card">
173
+ <div class="icon">📧</div>
174
+ <h3>Email Protection</h3>
175
+ <p>Gmail &amp; Outlook phishing protection. Scans every link and sender in your inbox — 94% of breaches start with a phishing email.</p>
176
+ <span class="tag">All Users</span> <span class="tag">Enterprise</span>
177
+ </div>
178
+
179
+ <!-- 8. Affiliate Intelligence -->
180
+ <div class="gs-card">
181
+ <div class="icon">📈</div>
182
+ <h3>Affiliate Intelligence</h3>
183
+ <p>Protect affiliate marketers from fraud. Detects cookie stuffing, commission shaving, and payment delays across all major networks.</p>
184
+ <span class="tag">Marketers</span> <span class="tag">Affiliates</span>
185
+ </div>
186
+ </div>
187
+ </section>
188
+
189
+ <!-- DETAIL: WAB Widget -->
190
+ <section class="gs-section" style="background:#f8fafc;">
191
+ <div class="gs-detail">
192
+ <div>
193
+ <h2 style="text-align:left; font-size:28px;">One Line of Code. Full Link Protection.</h2>
194
+ <p style="color:#64748b; line-height:1.6; margin-bottom:24px;">Add the WAB Widget to any website and every external link gets scanned against 47 threat databases. Safe links get a green shield, suspicious ones get warnings, and phishing sites get blocked.</p>
195
+ <ul class="gs-feature-list">
196
+ <li>✅ Zero configuration — just add the script tag</li>
197
+ <li>✅ Badge, tooltip, or full blocking mode</li>
198
+ <li>✅ Cached results — no performance impact</li>
199
+ <li>✅ Works with any CMS or framework</li>
200
+ </ul>
201
+ </div>
202
+ <div class="gs-code">
203
+ <span class="cm">&lt;!-- Add WAB Widget to your site --&gt;</span><br>
204
+ <span class="kw">&lt;script</span> <span class="fn">src</span>=<span class="st">"https://webagentbridge.com/script/ai-agent-bridge.js"</span><br>
205
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="fn">data-wab-key</span>=<span class="st">"YOUR_API_KEY"</span><span class="kw">&gt;&lt;/script&gt;</span>
206
+ </div>
207
+ </div>
208
+ </section>
209
+
210
+ <!-- DETAIL: AI Safety Layer -->
211
+ <section class="gs-section gs-dark">
212
+ <div class="gs-detail reverse">
213
+ <div>
214
+ <div style="color:#3b82f6; font-weight:700; margin-bottom:8px; letter-spacing:1px; font-size:12px;">FOR AI COMPANIES</div>
215
+ <h2 style="text-align:left; font-size:28px; color:#fff;">Mandatory Safety for AI Agents</h2>
216
+ <p style="color:#94a3b8; line-height:1.6; margin-bottom:24px;">Building an AI agent that browses the web? WAB Safety Layer wraps any agent with automatic threat scanning and fairness checks. Compatible with OpenAI Operator &amp; Anthropic Computer Use.</p>
217
+ <ul class="gs-feature-list" style="border-color:#334155;">
218
+ <li style="color:#cbd5e1; border-color:#334155;">✅ Compatible with OpenAI Operator & Anthropic</li>
219
+ <li style="color:#cbd5e1; border-color:#334155;">✅ Blocks fraudulent financial transactions</li>
220
+ <li style="color:#cbd5e1; border-color:#334155;">✅ Lifts legal liability from your company</li>
221
+ </ul>
222
+ </div>
223
+ <div class="gs-mockup">
224
+ <span style="color:#c678dd">import</span> { WABAgentWrapper } <span style="color:#c678dd">from</span> <span style="color:#98c379">'@wab/sdk'</span>;<br><br>
225
+ <span style="color:#5c6370">// Wrap your AI Agent with WAB Safety</span><br>
226
+ <span style="color:#c678dd">const</span> safeAgent = <span style="color:#c678dd">new</span> <span style="color:#61afef">WABAgentWrapper</span>(myAgent, {<br>
227
+ &nbsp;&nbsp;<span style="color:#d19a66">blockCritical</span>: <span style="color:#d19a66">true</span>,<br>
228
+ &nbsp;&nbsp;<span style="color:#d19a66">minFairness</span>: <span style="color:#d19a66">60</span>,<br>
229
+ });<br><br>
230
+ <span style="color:#5c6370">// WAB blocks scam sites automatically</span><br>
231
+ <span style="color:#c678dd">await</span> safeAgent.<span style="color:#61afef">browse</span>(<span style="color:#98c379">'https://scam-site.xyz'</span>);<br>
232
+ <span style="color:#e06c75">→ WABBlockedError: Phishing detected</span>
233
+ </div>
234
+ </div>
235
+ </section>
236
+
237
+ <!-- DETAIL: WAB Score -->
238
+ <section class="gs-section" style="background:white;">
239
+ <div style="max-width:800px; margin:0 auto; text-align:center;">
240
+ <h2>The Digital World's Credit Rating</h2>
241
+ <p class="subtitle">Like credit agencies rate banks, WAB Score rates digital platforms. Search for any platform and get a transparency score based on 15 fairness signals.</p>
242
+
243
+ <div style="display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-bottom:40px;">
244
+ <!-- Amazon -->
245
+ <div class="gs-score-badge" style="border-color:#22c55e;">
246
+ <div class="gs-score-grade" style="color:#22c55e;">A-</div>
247
+ <div style="text-align:left;">
248
+ <div style="font-weight:700; color:#1e293b;">Very Good</div>
249
+ <div style="font-size:12px; color:#64748b;">86/100 · amazon.com</div>
250
+ </div>
251
+ </div>
252
+ <!-- AliExpress -->
253
+ <div class="gs-score-badge" style="border-color:#f59e0b;">
254
+ <div class="gs-score-grade" style="color:#f59e0b;">C+</div>
255
+ <div style="text-align:left;">
256
+ <div style="font-weight:700; color:#1e293b;">Below Average</div>
257
+ <div style="font-size:12px; color:#64748b;">68/100 · aliexpress.com</div>
258
+ </div>
259
+ </div>
260
+ </div>
261
+
262
+ <form action="/score" method="GET" style="display:flex; max-width:500px; margin:0 auto; gap:8px;">
263
+ <input type="text" name="domain" placeholder="Enter platform domain (e.g. shein.com)" style="flex:1; padding:12px 16px; border:1px solid #e2e8f0; border-radius:8px; font-size:15px;">
264
+ <button type="submit" style="background:#0f172a; color:white; border:none; padding:12px 24px; border-radius:8px; font-weight:700; cursor:pointer;">Check Score</button>
265
+ </form>
266
+ </div>
267
+ </section>
268
+
269
+ <!-- DETAIL: Trust Protocol -->
270
+ <section class="gs-section" style="background:#f1f5f9;">
271
+ <div class="gs-detail">
272
+ <div>
273
+ <h2 style="text-align:left; font-size:28px;">The Open Trust Protocol</h2>
274
+ <p style="color:#475569; line-height:1.6; margin-bottom:20px;">Prove to your customers that your store is fair and safe. Add a <code>wab.json</code> file to your site and print a verified trust badge — like the SSL padlock for platform fairness.</p>
275
+ <a href="/docs" style="color:#3b82f6; font-weight:600; text-decoration:none;">Learn how to get certified →</a>
276
+ </div>
277
+ <div style="background:white; padding:20px; border-radius:12px; border:1px solid #e2e8f0;">
278
+ <div style="font-family:'JetBrains Mono',monospace; font-size:12px; color:#334155;">
279
+ <span style="color:#94a3b8">// /.well-known/wab.json</span><br>
280
+ {<br>
281
+ &nbsp;&nbsp;"wab_certified": <span style="color:#22c55e">true</span>,<br>
282
+ &nbsp;&nbsp;"fairness_score": <span style="color:#3b82f6">92</span>,<br>
283
+ &nbsp;&nbsp;"last_audit": <span style="color:#a3e635">"2026-04-01"</span><br>
284
+ }
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </section>
289
+
290
+ <!-- DETAIL: Bounty Network -->
291
+ <section class="gs-section gs-dark" style="text-align:center;">
292
+ <div style="max-width:700px; margin:0 auto;">
293
+ <div style="font-size:48px; margin-bottom:16px;">💰</div>
294
+ <h2 style="color:#fff;">Earn Money by Discovering Fraud</h2>
295
+ <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;">Join the <strong>WAB Bounty Network</strong> and report phishing sites, scams, and malware that automated systems haven't caught yet. Earn credits redeemable for cash or subscriptions.</p>
296
+
297
+ <div style="display:flex; justify-content:center; gap:24px; margin-bottom:32px; flex-wrap:wrap;">
298
+ <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
299
+ <div style="font-size:24px; font-weight:700; color:#ef4444;">50 Credits</div>
300
+ <div style="font-size:13px; color:#94a3b8;">Critical Threats</div>
301
+ </div>
302
+ <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
303
+ <div style="font-size:24px; font-weight:700; color:#f59e0b;">25 Credits</div>
304
+ <div style="font-size:13px; color:#94a3b8;">Confirmed Scams</div>
305
+ </div>
306
+ <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
307
+ <div style="font-size:24px; font-weight:700; color:#3b82f6;">10 Credits</div>
308
+ <div style="font-size:13px; color:#94a3b8;">Suspicious Sites</div>
309
+ </div>
310
+ </div>
311
+
312
+ <a href="/register" class="btn btn-primary btn-lg">Start Earning →</a>
313
+ </div>
314
+ </section>
315
+
316
+ <!-- DETAIL: Data Marketplace -->
317
+ <section class="gs-section" style="background:white;">
318
+ <div style="max-width:1000px; margin:0 auto; text-align:center;">
319
+ <h2>Threat Intelligence for AI &amp; Security</h2>
320
+ <p class="subtitle"><strong>WAB Data Marketplace</strong> provides curated datasets for cybersecurity companies and AI model training — real-time threat feeds, fairness data, and more.</p>
321
+
322
+ <div class="gs-grid" style="grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));">
323
+ <div class="gs-card">
324
+ <h3>Threat Intelligence Feed</h3>
325
+ <p>Real-time phishing, malware, and scam URL data from 47 databases. Updated continuously.</p>
326
+ <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
327
+ </div>
328
+ <div class="gs-card">
329
+ <h3>Platform Fairness Data</h3>
330
+ <p>Quarterly transparency scores for 500+ marketplaces — hidden fees, return policies, dark patterns, and more.</p>
331
+ <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
332
+ </div>
333
+ <div class="gs-card">
334
+ <h3>Affiliate Intelligence</h3>
335
+ <p>Commission benchmarks, fraud pattern datasets, and network reliability scores across all major affiliate platforms.</p>
336
+ <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ </section>
341
+
342
+ <!-- DETAIL: Email Protection -->
343
+ <section class="gs-section" style="background:#f8fafc;">
344
+ <div class="gs-detail">
345
+ <div>
346
+ <h3 style="font-size:28px; color:#0f172a; margin-bottom:16px;">Email Protection</h3>
347
+ <p style="color:#475569; font-size:16px; line-height:1.6; margin-bottom:24px;">94% of cyber breaches start with a phishing email. Install the WAB extension and every link and sender in your inbox gets scanned automatically.</p>
348
+ <div style="display:flex; gap:12px;">
349
+ <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🌐 Chrome Extension</a>
350
+ <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🦊 Firefox Add-on</a>
351
+ </div>
352
+ </div>
353
+ <div style="background:white; padding:16px; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.06);">
354
+ <div style="background:#fef2f2; border-left:4px solid #ef4444; padding:12px 16px; border-radius:4px; margin-bottom:16px;">
355
+ <strong style="color:#991b1b; font-size:13px;">🚫 WAB Security Alert:</strong>
356
+ <span style="font-size:13px; color:#991b1b;"> This email contains a dangerous link</span>
357
+ <div style="color:#b91c1c; font-size:12px; margin-top:4px;">PHISHING DETECTED — paypa1-secure-login.xyz scored 95/100 risk</div>
358
+ </div>
359
+ <div style="height:12px; background:#f1f5f9; width:60%; margin-bottom:8px; border-radius:4px;"></div>
360
+ <div style="height:12px; background:#f1f5f9; width:80%; margin-bottom:8px; border-radius:4px;"></div>
361
+ <div style="height:12px; background:#f1f5f9; width:40%; border-radius:4px;"></div>
362
+ </div>
363
+ </div>
364
+ </section>
365
+
366
+ <!-- DETAIL: Affiliate Intelligence -->
367
+ <section class="gs-section gs-dark">
368
+ <div style="max-width:800px; margin:0 auto; text-align:center;">
369
+ <h2 style="color:#fff;">Are Affiliate Networks Stealing Your Commissions?</h2>
370
+ <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;"><strong>WAB Affiliate Intelligence</strong> analyzes your affiliate data and compares it with industry benchmarks to detect commission shaving, cookie stuffing, and payment fraud.</p>
371
+
372
+ <div class="gs-mockup" style="text-align:left; margin-bottom:32px;">
373
+ <div style="display:flex; justify-content:space-between; border-bottom:1px solid #334155; padding-bottom:12px; margin-bottom:12px;">
374
+ <div>
375
+ <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Network</div>
376
+ <div style="font-weight:700; font-size:16px;">ClickBank</div>
377
+ </div>
378
+ <div style="text-align:right;">
379
+ <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Fraud Risk</div>
380
+ <div style="font-weight:700; font-size:16px; color:#f59e0b;">MEDIUM</div>
381
+ </div>
382
+ </div>
383
+ <div style="color:#cbd5e1; font-size:14px; margin-bottom:8px;">⚠️ <strong>Commission Shaving:</strong> 12% of valid sales cancelled</div>
384
+ <div style="color:#cbd5e1; font-size:14px;">⚠️ <strong>Payment Delays:</strong> Average 45 days vs industry 30</div>
385
+ </div>
386
+
387
+ <a href="/register" class="btn btn-primary btn-lg">Analyze Your Networks →</a>
388
+ </div>
389
+ </section>
390
+
391
+ <!-- QUICK START -->
392
+ <section class="gs-section" style="background:white;" id="quickstart">
393
+ <h2>Quick Start</h2>
394
+ <p class="subtitle">Get started with the WAB Growth Suite in seconds.</p>
395
+
396
+ <div class="gs-code">
397
+ <span class="kw">const</span> { WABGrowthSuite } = <span class="fn">require</span>(<span class="st">'wab-growth-suite'</span>);<br><br>
398
+ <span class="kw">const</span> wab = <span class="kw">new</span> <span class="fn">WABGrowthSuite</span>(<span class="st">'YOUR_WAB_API_KEY'</span>);<br><br>
399
+ <span class="cm">// Scan a URL for threats</span><br>
400
+ <span class="kw">const</span> result = <span class="kw">await</span> wab.<span class="fn">scan</span>(<span class="st">'https://suspicious-site.com'</span>);<br><br>
401
+ <span class="cm">// Full domain audit (score + trust + security)</span><br>
402
+ <span class="kw">const</span> audit = <span class="kw">await</span> wab.<span class="fn">auditDomain</span>(<span class="st">'amazon.com'</span>);<br><br>
403
+ <span class="cm">// Wrap an AI Agent with safety</span><br>
404
+ <span class="kw">const</span> safeAgent = wab.<span class="fn">wrapAgent</span>(myAIAgent, {<br>
405
+ &nbsp;&nbsp;blockCritical: <span class="num">true</span>,<br>
406
+ &nbsp;&nbsp;minFairness: <span class="num">60</span><br>
407
+ });
408
+ </div>
409
+ </section>
410
+
411
+ <!-- CTA -->
412
+ <section class="gs-cta">
413
+ <h2>Make the Web Safer, Fairer, Smarter</h2>
414
+ <p>Start with the free tier — 100 scans/day, no credit card required.</p>
415
+ <div>
416
+ <a href="/register" class="gs-cta .btn btn-white" style="background:#fff; color:#0f172a; padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px;">Create Free Account</a>
417
+ <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener" class="gs-cta .btn btn-outline" style="padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px; border:2px solid rgba(255,255,255,0.3); color:#fff; margin-left:12px;">⭐ Star on GitHub</a>
418
+ </div>
419
+ </section>
420
+
421
+ <!-- FOOTER -->
422
+ <footer class="footer">
423
+ <div class="container">
424
+ <div class="footer-grid">
425
+ <div class="footer-brand">
426
+ <a href="/" class="navbar-brand">
427
+ <div class="brand-icon">⚡</div>
428
+ <span>Web Agent Bridge</span>
429
+ </a>
430
+ <p style="color:var(--text-secondary); margin-top:12px; font-size:14px; line-height:1.6;">
431
+ Open-source middleware for the Agentic Web.
432
+ </p>
433
+ </div>
434
+ <div class="footer-links">
435
+ <h4>Product</h4>
436
+ <a href="/#features">Features</a>
437
+ <a href="/#pricing">Pricing</a>
438
+ <a href="/demo">Demo</a>
439
+ <a href="/docs">Documentation</a>
440
+ </div>
441
+ <div class="footer-links">
442
+ <h4>Growth Suite</h4>
443
+ <a href="/growth#modules">All Modules</a>
444
+ <a href="/growth#quickstart">Quick Start</a>
445
+ <a href="/workspace">Get API Key</a>
446
+ </div>
447
+ <div class="footer-links">
448
+ <h4>Community</h4>
449
+ <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a>
450
+ <a href="/CONTRIBUTING.md">Contribute</a>
451
+ <a href="/terms">Terms</a>
452
+ <a href="/privacy">Privacy</a>
453
+ </div>
454
+ </div>
455
+ <div class="footer-bottom">
456
+ <p>&copy; 2026 Web Agent Bridge — Open Source (MIT)</p>
457
+ </div>
458
+ </div>
459
+ </footer>
460
+
461
+ <script src="/js/auth-nav.js?v=3.0.1"></script>
462
+ </body>
463
+ </html>