web-agent-bridge 3.0.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 -21
  2. package/README.ar.md +1286 -1073
  3. package/README.md +1764 -1535
  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 +17 -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/ai-plugin.json +28 -0
  20. package/public/.well-known/security.txt +8 -0
  21. package/public/agent-workspace.html +349 -347
  22. package/public/ai.html +198 -196
  23. package/public/api.html +413 -0
  24. package/public/browser.html +486 -484
  25. package/public/commander-dashboard.html +243 -243
  26. package/public/cookies.html +210 -208
  27. package/public/css/agent-workspace.css +1713 -1713
  28. package/public/css/premium.css +317 -317
  29. package/public/css/styles.css +1235 -1235
  30. package/public/dashboard.html +706 -704
  31. package/public/demo.html +1770 -1
  32. package/public/dns.html +507 -0
  33. package/public/docs.html +587 -585
  34. package/public/feed.xml +89 -89
  35. package/public/growth.html +463 -0
  36. package/public/index.html +341 -9
  37. package/public/integrations.html +556 -0
  38. package/public/js/agent-workspace.js +1740 -1740
  39. package/public/js/auth-nav.js +31 -31
  40. package/public/js/auth-redirect.js +12 -12
  41. package/public/js/cookie-consent.js +56 -56
  42. package/public/js/wab-demo-page.js +721 -721
  43. package/public/js/ws-client.js +74 -74
  44. package/public/llms-full.txt +360 -309
  45. package/public/llms.txt +125 -86
  46. package/public/login.html +85 -83
  47. package/public/mesh-dashboard.html +328 -328
  48. package/public/openapi.json +580 -580
  49. package/public/phone-shield.html +281 -0
  50. package/public/premium-dashboard.html +2489 -2487
  51. package/public/premium.html +793 -791
  52. package/public/privacy.html +297 -295
  53. package/public/register.html +105 -103
  54. package/public/robots.txt +87 -87
  55. package/public/script/wab-consent.d.ts +36 -36
  56. package/public/script/wab-consent.js +104 -104
  57. package/public/script/wab-schema.js +131 -131
  58. package/public/script/wab.d.ts +108 -108
  59. package/public/script/wab.min.js +580 -580
  60. package/public/security.txt +8 -0
  61. package/public/terms.html +256 -254
  62. package/script/ai-agent-bridge.js +1754 -1754
  63. package/sdk/README.md +99 -99
  64. package/sdk/agent-mesh.js +449 -449
  65. package/sdk/commander.js +262 -262
  66. package/sdk/index.d.ts +464 -464
  67. package/sdk/index.js +18 -1
  68. package/sdk/multi-agent.js +318 -318
  69. package/sdk/package.json +12 -1
  70. package/sdk/safety-shield.js +219 -0
  71. package/sdk/schema-discovery.js +83 -83
  72. package/server/adapters/index.js +520 -520
  73. package/server/config/plans.js +367 -367
  74. package/server/config/secrets.js +102 -102
  75. package/server/control-plane/index.js +301 -301
  76. package/server/data-plane/index.js +354 -354
  77. package/server/index.js +175 -19
  78. package/server/llm/index.js +404 -404
  79. package/server/middleware/adminAuth.js +35 -35
  80. package/server/middleware/auth.js +50 -50
  81. package/server/middleware/featureGate.js +88 -88
  82. package/server/middleware/rateLimits.js +100 -100
  83. package/server/middleware/sensitiveAction.js +157 -0
  84. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  85. package/server/migrations/002_premium_features.sql +418 -418
  86. package/server/migrations/003_ads_integer_cents.sql +33 -33
  87. package/server/migrations/004_agent_os.sql +158 -158
  88. package/server/migrations/005_marketplace_metering.sql +126 -126
  89. package/server/models/adapters/index.js +33 -33
  90. package/server/models/adapters/mysql.js +183 -183
  91. package/server/models/adapters/postgresql.js +172 -172
  92. package/server/models/adapters/sqlite.js +7 -7
  93. package/server/models/db.js +681 -681
  94. package/server/observability/failure-analysis.js +337 -337
  95. package/server/observability/index.js +394 -394
  96. package/server/protocol/capabilities.js +223 -223
  97. package/server/protocol/index.js +243 -243
  98. package/server/protocol/schema.js +584 -584
  99. package/server/registry/certification.js +271 -271
  100. package/server/registry/index.js +326 -326
  101. package/server/routes/admin-premium.js +671 -671
  102. package/server/routes/admin.js +261 -261
  103. package/server/routes/ads.js +130 -130
  104. package/server/routes/agent-workspace.js +540 -378
  105. package/server/routes/api.js +150 -150
  106. package/server/routes/auth.js +71 -71
  107. package/server/routes/billing.js +45 -45
  108. package/server/routes/commander.js +316 -316
  109. package/server/routes/demo-showcase.js +332 -0
  110. package/server/routes/demo-store.js +154 -0
  111. package/server/routes/discovery.js +417 -406
  112. package/server/routes/gateway.js +173 -0
  113. package/server/routes/license.js +251 -240
  114. package/server/routes/mesh.js +469 -469
  115. package/server/routes/noscript.js +543 -543
  116. package/server/routes/premium-v2.js +686 -686
  117. package/server/routes/premium.js +724 -724
  118. package/server/routes/runtime.js +2148 -2147
  119. package/server/routes/sovereign.js +465 -385
  120. package/server/routes/universal.js +200 -177
  121. package/server/routes/wab-api.js +850 -491
  122. package/server/runtime/container-worker.js +111 -111
  123. package/server/runtime/container.js +448 -448
  124. package/server/runtime/distributed-worker.js +362 -362
  125. package/server/runtime/event-bus.js +210 -210
  126. package/server/runtime/index.js +253 -253
  127. package/server/runtime/queue.js +599 -599
  128. package/server/runtime/replay.js +666 -666
  129. package/server/runtime/sandbox.js +266 -266
  130. package/server/runtime/scheduler.js +534 -534
  131. package/server/runtime/session-engine.js +293 -293
  132. package/server/runtime/state-manager.js +188 -188
  133. package/server/security/cross-site-redactor.js +196 -0
  134. package/server/security/dry-run.js +180 -0
  135. package/server/security/human-gate-rate-limit.js +147 -0
  136. package/server/security/human-gate-transports.js +178 -0
  137. package/server/security/human-gate.js +281 -0
  138. package/server/security/index.js +368 -368
  139. package/server/security/intent-engine.js +245 -0
  140. package/server/security/reward-guard.js +171 -0
  141. package/server/security/rollback-store.js +239 -0
  142. package/server/security/token-scope.js +404 -0
  143. package/server/security/url-policy.js +139 -0
  144. package/server/services/agent-chat.js +506 -506
  145. package/server/services/agent-learning.js +601 -575
  146. package/server/services/agent-memory.js +625 -625
  147. package/server/services/agent-mesh.js +555 -539
  148. package/server/services/agent-symphony.js +717 -717
  149. package/server/services/agent-tasks.js +1807 -1807
  150. package/server/services/api-key-engine.js +292 -0
  151. package/server/services/cluster.js +894 -894
  152. package/server/services/commander.js +738 -738
  153. package/server/services/edge-compute.js +440 -440
  154. package/server/services/email.js +204 -204
  155. package/server/services/hosted-runtime.js +205 -205
  156. package/server/services/lfd.js +635 -616
  157. package/server/services/local-ai.js +389 -389
  158. package/server/services/marketplace.js +270 -270
  159. package/server/services/metering.js +182 -182
  160. package/server/services/modules/affiliate-intelligence.js +93 -0
  161. package/server/services/modules/agent-firewall.js +90 -0
  162. package/server/services/modules/bounty.js +89 -0
  163. package/server/services/modules/collective-bargaining.js +92 -0
  164. package/server/services/modules/dark-pattern.js +66 -0
  165. package/server/services/modules/gov-intelligence.js +45 -0
  166. package/server/services/modules/neural.js +55 -0
  167. package/server/services/modules/notary.js +49 -0
  168. package/server/services/modules/price-time-machine.js +86 -0
  169. package/server/services/modules/protocol.js +104 -0
  170. package/server/services/negotiation.js +439 -439
  171. package/server/services/plugins.js +771 -771
  172. package/server/services/premium.js +1 -1
  173. package/server/services/price-intelligence.js +566 -565
  174. package/server/services/price-shield.js +1137 -1137
  175. package/server/services/reputation.js +465 -465
  176. package/server/services/search-engine.js +357 -357
  177. package/server/services/security.js +513 -513
  178. package/server/services/self-healing.js +843 -843
  179. package/server/services/sovereign-shield.js +542 -0
  180. package/server/services/stripe.js +192 -192
  181. package/server/services/swarm.js +788 -788
  182. package/server/services/universal-scraper.js +662 -661
  183. package/server/services/verification.js +481 -481
  184. package/server/services/vision.js +1163 -1163
  185. package/server/utils/cache.js +125 -125
  186. package/server/utils/migrate.js +81 -81
  187. package/server/utils/safe-fetch.js +228 -0
  188. package/server/utils/secureFields.js +50 -50
  189. package/server/ws.js +161 -161
  190. package/templates/artisan-marketplace.yaml +104 -104
  191. package/templates/book-price-scout.yaml +98 -98
  192. package/templates/electronics-price-tracker.yaml +108 -108
  193. package/templates/flight-deal-hunter.yaml +113 -113
  194. package/templates/freelancer-direct.yaml +116 -116
  195. package/templates/grocery-price-compare.yaml +93 -93
  196. package/templates/hotel-direct-booking.yaml +113 -113
  197. package/templates/local-services.yaml +98 -98
  198. package/templates/olive-oil-tunisia.yaml +88 -88
  199. package/templates/organic-farm-fresh.yaml +101 -101
  200. package/templates/restaurant-direct.yaml +97 -97
  201. package/server/services/fairness-engine.js +0 -409
  202. package/server/services/fairness.js +0 -420
@@ -1,484 +1,486 @@
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 Browser โ€” The Intelligent Web Agent Browser</title>
7
- <meta name="description" content="Download WAB Browser - the intelligent browser with Ghost Mode, Scam Shield, and Smart Search. Your data stays on your device.">
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">
12
- <style>
13
- .browser-hero {
14
- min-height: 100vh;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- background: linear-gradient(135deg, #0f0f23 0%, #16213e 50%, #0a192f 100%);
19
- position: relative;
20
- overflow: hidden;
21
- padding: 120px 20px 80px;
22
- }
23
- .browser-hero::before {
24
- content: '';
25
- position: absolute;
26
- top: -50%;
27
- left: -50%;
28
- width: 200%;
29
- height: 200%;
30
- background: radial-gradient(circle at 30% 50%, rgba(14,165,233,0.08) 0%, transparent 50%),
31
- radial-gradient(circle at 70% 50%, rgba(16,185,129,0.06) 0%, transparent 50%);
32
- animation: heroGlow 8s ease-in-out infinite alternate;
33
- }
34
- @keyframes heroGlow {
35
- 0% { transform: translate(0, 0); }
36
- 100% { transform: translate(-3%, 2%); }
37
- }
38
- .hero-content {
39
- position: relative;
40
- text-align: center;
41
- max-width: 900px;
42
- z-index: 1;
43
- }
44
- .browser-logo {
45
- display: inline-block;
46
- margin-bottom: 32px;
47
- filter: drop-shadow(0 0 40px rgba(14,165,233,0.4));
48
- animation: logoPulse 3s ease-in-out infinite;
49
- }
50
- @keyframes logoPulse {
51
- 0%, 100% { filter: drop-shadow(0 0 40px rgba(14,165,233,0.4)); }
52
- 50% { filter: drop-shadow(0 0 60px rgba(14,165,233,0.6)); }
53
- }
54
- .hero-title {
55
- font-size: clamp(2.5rem, 6vw, 4.5rem);
56
- font-weight: 900;
57
- letter-spacing: -2px;
58
- margin-bottom: 16px;
59
- background: linear-gradient(135deg, #e2e8f0, #0ea5e9);
60
- -webkit-background-clip: text;
61
- -webkit-text-fill-color: transparent;
62
- background-clip: text;
63
- }
64
- .hero-subtitle {
65
- font-size: clamp(1rem, 2vw, 1.3rem);
66
- color: #94a3b8;
67
- margin-bottom: 40px;
68
- line-height: 1.6;
69
- max-width: 600px;
70
- margin-left: auto;
71
- margin-right: auto;
72
- }
73
- .download-section {
74
- display: flex;
75
- flex-wrap: wrap;
76
- gap: 16px;
77
- justify-content: center;
78
- margin-bottom: 32px;
79
- }
80
- .download-btn {
81
- display: inline-flex;
82
- align-items: center;
83
- gap: 12px;
84
- padding: 16px 32px;
85
- background: linear-gradient(135deg, #0ea5e9, #0284c7);
86
- color: white;
87
- border: none;
88
- border-radius: 12px;
89
- font-size: 16px;
90
- font-weight: 700;
91
- cursor: pointer;
92
- transition: all 0.3s;
93
- text-decoration: none;
94
- box-shadow: 0 4px 20px rgba(14,165,233,0.3);
95
- }
96
- .download-btn:hover {
97
- transform: translateY(-2px);
98
- box-shadow: 0 8px 30px rgba(14,165,233,0.4);
99
- }
100
- .download-btn svg { flex-shrink: 0; }
101
- .download-btn .btn-text { text-align: left; }
102
- .download-btn .btn-label { font-size: 11px; opacity: 0.8; font-weight: 500; }
103
- .download-btn.secondary {
104
- background: rgba(255,255,255,0.06);
105
- border: 1px solid rgba(255,255,255,0.1);
106
- box-shadow: none;
107
- }
108
- .download-btn.secondary:hover {
109
- background: rgba(255,255,255,0.1);
110
- box-shadow: 0 4px 16px rgba(0,0,0,0.3);
111
- }
112
- .hero-note {
113
- color: #64748b;
114
- font-size: 13px;
115
- }
116
- .hero-note a { color: #0ea5e9; text-decoration: none; }
117
-
118
- /* Features */
119
- .browser-features {
120
- padding: 100px 20px;
121
- background: #0a0a1a;
122
- }
123
- .features-grid {
124
- display: grid;
125
- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
126
- gap: 24px;
127
- max-width: 1100px;
128
- margin: 0 auto;
129
- }
130
- .feature-card {
131
- background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
132
- border: 1px solid rgba(255,255,255,0.06);
133
- border-radius: 16px;
134
- padding: 32px;
135
- transition: all 0.3s;
136
- }
137
- .feature-card:hover {
138
- border-color: rgba(14,165,233,0.3);
139
- transform: translateY(-4px);
140
- box-shadow: 0 12px 40px rgba(0,0,0,0.3);
141
- }
142
- .feature-icon {
143
- width: 56px;
144
- height: 56px;
145
- background: rgba(14,165,233,0.1);
146
- border-radius: 14px;
147
- display: flex;
148
- align-items: center;
149
- justify-content: center;
150
- font-size: 28px;
151
- margin-bottom: 20px;
152
- }
153
- .feature-card h3 { font-size: 18px; margin-bottom: 8px; color: #e2e8f0; }
154
- .feature-card p { color: #94a3b8; font-size: 14px; line-height: 1.6; }
155
-
156
- .section-title {
157
- text-align: center;
158
- font-size: clamp(1.8rem, 4vw, 2.5rem);
159
- font-weight: 800;
160
- margin-bottom: 16px;
161
- color: #e2e8f0;
162
- }
163
- .section-subtitle {
164
- text-align: center;
165
- color: #64748b;
166
- font-size: 16px;
167
- margin-bottom: 60px;
168
- max-width: 600px;
169
- margin-left: auto;
170
- margin-right: auto;
171
- }
172
-
173
- /* How it works */
174
- .how-section {
175
- padding: 100px 20px;
176
- background: #0f0f23;
177
- }
178
- .steps {
179
- display: flex;
180
- flex-wrap: wrap;
181
- gap: 32px;
182
- justify-content: center;
183
- max-width: 1100px;
184
- margin: 0 auto;
185
- }
186
- .step {
187
- flex: 1;
188
- min-width: 240px;
189
- max-width: 300px;
190
- text-align: center;
191
- }
192
- .step-number {
193
- width: 48px; height: 48px;
194
- background: linear-gradient(135deg, #0ea5e9, #0284c7);
195
- border-radius: 50%;
196
- display: flex;
197
- align-items: center;
198
- justify-content: center;
199
- font-size: 20px;
200
- font-weight: 800;
201
- color: white;
202
- margin: 0 auto 16px;
203
- }
204
- .step h3 { font-size: 16px; margin-bottom: 8px; color: #e2e8f0; }
205
- .step p { color: #94a3b8; font-size: 13px; line-height: 1.5; }
206
-
207
- /* Privacy */
208
- .privacy-section {
209
- padding: 80px 20px;
210
- background: linear-gradient(135deg, rgba(16,185,129,0.05), rgba(14,165,233,0.05));
211
- }
212
- .privacy-box {
213
- max-width: 800px;
214
- margin: 0 auto;
215
- background: rgba(255,255,255,0.02);
216
- border: 1px solid rgba(255,255,255,0.06);
217
- border-radius: 16px;
218
- padding: 48px;
219
- text-align: center;
220
- }
221
- .privacy-box h2 { font-size: 28px; margin-bottom: 16px; color: #10b981; }
222
- .privacy-box p { color: #94a3b8; font-size: 15px; line-height: 1.7; margin-bottom: 12px; }
223
- .privacy-list {
224
- list-style: none;
225
- text-align: left;
226
- max-width: 500px;
227
- margin: 24px auto 0;
228
- }
229
- .privacy-list li {
230
- padding: 10px 0;
231
- color: #e2e8f0;
232
- font-size: 14px;
233
- border-bottom: 1px solid rgba(255,255,255,0.04);
234
- display: flex;
235
- align-items: center;
236
- gap: 12px;
237
- }
238
- .privacy-list li::before { content: 'โœ“'; color: #10b981; font-weight: 700; font-size: 16px; }
239
-
240
- /* Footer */
241
- .browser-footer {
242
- padding: 40px 20px;
243
- background: #080816;
244
- text-align: center;
245
- }
246
- .browser-footer p { color: #64748b; font-size: 13px; }
247
- .browser-footer a { color: #0ea5e9; text-decoration: none; }
248
-
249
- .coming-soon {
250
- display: inline-block;
251
- padding: 4px 10px;
252
- background: rgba(245,158,11,0.15);
253
- color: #f59e0b;
254
- border-radius: 6px;
255
- font-size: 11px;
256
- font-weight: 600;
257
- text-transform: uppercase;
258
- letter-spacing: 0.5px;
259
- margin-left: 8px;
260
- }
261
- </style>
262
- </head>
263
- <body style="background:#0f0f23;color:#e2e8f0;">
264
-
265
- <!-- โ•โ•โ•โ•โ•โ•โ• NAVBAR โ•โ•โ•โ•โ•โ•โ• -->
266
- <nav class="navbar" id="navbar" style="background:rgba(15,15,35,0.9);backdrop-filter:blur(20px);">
267
- <div class="container">
268
- <a href="/" class="navbar-brand">
269
- <div class="brand-icon">โšก</div>
270
- <span>WAB</span>
271
- </a>
272
- <ul class="navbar-links">
273
- <li><a href="/">Home</a></li>
274
- <li><a href="#features">Features</a></li>
275
- <li><a href="#privacy">Privacy</a></li>
276
- <li><a href="/docs">Docs</a></li>
277
- </ul>
278
- <div class="navbar-actions">
279
- <a href="#download" class="btn btn-primary btn-sm">Download</a>
280
- </div>
281
- </div>
282
- </nav>
283
-
284
- <!-- โ•โ•โ•โ•โ•โ•โ• HERO โ•โ•โ•โ•โ•โ•โ• -->
285
- <section class="browser-hero" id="download">
286
- <div class="hero-content">
287
- <div class="browser-logo">
288
- <svg width="120" height="120" viewBox="0 0 120 120">
289
- <defs>
290
- <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
291
- <stop offset="0%" style="stop-color:#0ea5e9"/>
292
- <stop offset="100%" style="stop-color:#10b981"/>
293
- </linearGradient>
294
- </defs>
295
- <circle cx="60" cy="60" r="54" fill="none" stroke="url(#logoGrad)" stroke-width="2.5"/>
296
- <circle cx="60" cy="60" r="40" fill="none" stroke="url(#logoGrad)" stroke-width="1" opacity="0.3"/>
297
- <circle cx="60" cy="60" r="25" fill="none" stroke="url(#logoGrad)" stroke-width="0.5" opacity="0.15"/>
298
- <path d="M36 78 L48 42 L60 66 L72 42 L84 78" fill="none" stroke="url(#logoGrad)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
299
- <circle cx="60" cy="36" r="5" fill="#0ea5e9"/>
300
- <circle cx="60" cy="36" r="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.3"/>
301
- </svg>
302
- </div>
303
-
304
- <h1 class="hero-title">WAB Browser</h1>
305
- <p class="hero-subtitle">
306
- The intelligent browser with Ghost Mode stealth, AI-powered Scam Shield,
307
- and Smart Search. Your personal web agent that protects you while you browse.
308
- </p>
309
-
310
- <div class="download-section">
311
- <a href="/downloads/wab-browser-setup.exe" class="download-btn" id="download-win">
312
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M3 5.557l7.357-1.002v7.112H3V5.557zm0 12.886l7.357 1.002v-7.112H3v6.11zM11.643 4.39L22 2.857v8.81h-10.357V4.39zm0 15.22L22 21.143v-8.81H11.643v7.277z"/></svg>
313
- <div class="btn-text">
314
- <div class="btn-label">Download for</div>
315
- <div>Windows</div>
316
- </div>
317
- </a>
318
- <a href="/pwa/" class="download-btn" id="download-mobile">
319
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M7 1C5.9 1 5 1.9 5 3v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2H7zm5 20c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm5-3H7V4h10v14z"/></svg>
320
- <div class="btn-text">
321
- <div class="btn-label">Install PWA for</div>
322
- <div>Android / iOS</div>
323
- </div>
324
- </a>
325
- <a href="/downloads/wab-browser.dmg" class="download-btn secondary" id="download-mac">
326
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
327
- <div class="btn-text">
328
- <div class="btn-label">Download for</div>
329
- <div>macOS</div>
330
- </div>
331
- </a>
332
- <a href="/downloads/wab-browser.AppImage" class="download-btn secondary" id="download-linux">
333
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12.504 0c-.155 0-.315.008-.48.021-4.226.333-3.105 4.807-3.17 6.298-.076 1.092-.3 1.953-1.05 3.02-.885 1.051-2.127 2.75-2.716 4.521-.278.832-.41 1.684-.287 2.489a.424.424 0 00-.11.135c-.26.268-.45.6-.663.839-.199.199-.485.267-.797.4-.313.136-.658.269-.864.68-.09.189-.136.394-.132.602 0 .199.027.4.055.536.058.399.116.728.04.97-.249.68-.28 1.145-.106 1.484.174.334.535.47.94.601.81.2 1.91.135 2.774.6.926.466 1.866.67 2.616.47.526-.116.97-.464 1.208-.946.587-.003 1.23-.269 2.26-.334.699-.058 1.574.267 2.577.2.025.134.063.198.114.333l.003.003c.391.778 1.113 1.368 1.884 1.43.871.074 1.543-.137 2.073-.467.264-.164.587-.328.653-.525.045-.132.19-.373.075-.553a.463.463 0 00-.115-.124c-.107-.066-.121-.145-.064-.27.138-.296.228-.652.123-1.03-.106-.386-.36-.593-.568-.835-.193-.199-.41-.402-.486-.665-.075-.263.058-.527.057-.786 0-.145-.062-.32-.1-.44a2.28 2.28 0 00-.555-.867c-.373-.354-.712-.515-1.012-.857-.09-.139-.262-.38-.315-.59a1.997 1.997 0 01.07-.857c.1-.276.177-.523.177-.862 0-.364-.136-.849-.454-1.257-.318-.397-.772-.639-1.269-.804a4.24 4.24 0 00-.906-.2c.098-.237.196-.402.26-.627.167-.567.151-1.19-.08-1.738a2.856 2.856 0 00-.35-.671c-.238-.332-.579-.536-.832-.786-.283-.295-.457-.596-.73-.924C10.807 3.44 9.02 2.077 7.374 2.12c-.26.007-.535.074-.77.2-1.195.625-1.108 2.218-.746 3.533.402 1.467-.3 2.614-1.093 3.726"/></svg>
334
- <div class="btn-text">
335
- <div class="btn-label">Download for</div>
336
- <div>Linux</div>
337
- </div>
338
- </a>
339
- </div>
340
-
341
- <p class="hero-note">
342
- v1.0.0 ยท Free ยท <a href="/privacy">Privacy Policy</a> ยท Your data stays on your device
343
- </p>
344
-
345
- <div style="margin-top:24px;padding:16px 24px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;max-width:600px;margin-left:auto;margin-right:auto;text-align:left;">
346
- <p style="color:#94a3b8;font-size:12px;margin-bottom:8px;font-weight:600;">๐Ÿ” Verify Your Download</p>
347
- <p style="color:#64748b;font-size:11px;line-height:1.6;margin-bottom:8px;">
348
- Always verify the checksum after downloading. Open a terminal and run:
349
- </p>
350
- <code style="display:block;background:#0a0a1a;padding:8px 12px;border-radius:6px;font-size:11px;color:#0ea5e9;word-break:break-all;font-family:'JetBrains Mono',monospace;">
351
- # Windows (PowerShell)<br>
352
- Get-FileHash .\wab-browser-setup.exe -Algorithm SHA256<br><br>
353
- # macOS / Linux<br>
354
- shasum -a 256 wab-browser-setup.exe
355
- </code>
356
- <p style="color:#64748b;font-size:11px;margin-top:8px;">
357
- Expected SHA-256: <a href="/downloads/SHA256SUMS.txt" style="color:#10b981;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:10px;">View checksums file</a>
358
- </p>
359
- <p style="color:#475569;font-size:10px;margin-top:6px;">
360
- All releases are built from the <a href="https://github.com/abokenan444/web-agent-bridge" style="color:#0ea5e9;text-decoration:none;">open-source repository</a>.
361
- Desktop browser source is maintained separately as wab-browser/ (private build pipeline).
362
- </p>
363
- </div>
364
- </div>
365
- </section>
366
-
367
- <!-- โ•โ•โ•โ•โ•โ•โ• FEATURES โ•โ•โ•โ•โ•โ•โ• -->
368
- <section class="browser-features" id="features">
369
- <h2 class="section-title">Built for the Intelligent Web</h2>
370
- <p class="section-subtitle">Every feature designed to protect, empower, and simplify your browsing experience.</p>
371
-
372
- <div class="features-grid">
373
- <div class="feature-card">
374
- <div class="feature-icon">๐Ÿ‘ป</div>
375
- <h3>Ghost Mode</h3>
376
- <p>Advanced fingerprint protection, automatic user-agent rotation, canvas noise injection, and WebGL spoofing. Browse without leaving digital traces.</p>
377
- </div>
378
- <div class="feature-card">
379
- <div class="feature-icon">๐Ÿ›ก๏ธ</div>
380
- <h3>Scam Shield</h3>
381
- <p>Real-time fraud detection analyzing domain patterns, TLD reputation, brand impersonation attempts, and homograph attacks. Every site gets a risk score.</p>
382
- </div>
383
- <div class="feature-card">
384
- <div class="feature-icon">๐Ÿ”</div>
385
- <h3>Smart Search</h3>
386
- <p>WAB Search engine with instant results, cached locally for fast recall. Multi-source aggregation delivers comprehensive results under the WAB brand โ€” no external branding shown.</p>
387
- </div>
388
- <div class="feature-card">
389
- <div class="feature-icon">๐Ÿ”’</div>
390
- <h3>Local-First Storage</h3>
391
- <p>All your bookmarks, history, and preferences stored exclusively on your device. Search is proxied through WAB servers for privacy โ€” external engines never see your IP.</p>
392
- </div>
393
- <div class="feature-card">
394
- <div class="feature-icon">๐Ÿค–</div>
395
- <h3>WAB Agent Integration</h3>
396
- <p>Built-in Web Agent Bridge protocol support. Your agents work natively inside the browser, understanding every page visually and semantically.</p>
397
- </div>
398
- <div class="feature-card">
399
- <div class="feature-icon">๐Ÿšซ</div>
400
- <h3>Ad Blocker</h3>
401
- <p>Blocks 80+ ad networks, trackers, and popups at the network level. Cosmetic filtering hides leftover ad containers. Zero ads, zero tracking.</p>
402
- </div>
403
- <div class="feature-card">
404
- <div class="feature-icon">โš–๏ธ</div>
405
- <h3>Fairness System</h3>
406
- <p>Prioritizes small trusted websites over big tech monopolies. Analyzes domain trust, content quality, and independence to rank sites fairly.</p>
407
- </div>
408
- <div class="feature-card">
409
- <div class="feature-icon">๐Ÿ“ฑ</div>
410
- <h3>Mobile PWA</h3>
411
- <p>Install directly on your phone as a Progressive Web App. No app store needed. Full browser experience with ad blocking and agent chat on mobile.</p>
412
- </div>
413
- <div class="feature-card">
414
- <div class="feature-icon">โšก</div>
415
- <h3>Lightweight & Fast</h3>
416
- <p>Minimal footprint, no bloatware, no telemetry. Built on Chromium with only the essentials. Starts in seconds, stays fast forever.</p>
417
- </div>
418
- </div>
419
- </section>
420
-
421
- <!-- โ•โ•โ•โ•โ•โ•โ• HOW IT WORKS โ•โ•โ•โ•โ•โ•โ• -->
422
- <section class="how-section">
423
- <h2 class="section-title">How It Works</h2>
424
- <p class="section-subtitle">Three layers of intelligence working together to protect you.</p>
425
-
426
- <div class="steps">
427
- <div class="step">
428
- <div class="step-number">1</div>
429
- <h3>You Browse</h3>
430
- <p>Navigate the web normally. Tabs, bookmarks, search โ€” everything you expect from a browser, refined and simplified.</p>
431
- </div>
432
- <div class="step">
433
- <div class="step-number">2</div>
434
- <h3>Shield Analyzes</h3>
435
- <p>Every page is silently analyzed for fraud patterns, suspicious domains, and scam indicators. You see a real-time safety score.</p>
436
- </div>
437
- <div class="step">
438
- <div class="step-number">3</div>
439
- <h3>Ghost Protects</h3>
440
- <p>When Ghost Mode is on, your digital fingerprint is randomized. Sites cannot track, identify, or profile you across the web.</p>
441
- </div>
442
- </div>
443
- </section>
444
-
445
- <!-- โ•โ•โ•โ•โ•โ•โ• PRIVACY โ•โ•โ•โ•โ•โ•โ• -->
446
- <section class="privacy-section" id="privacy">
447
- <div class="privacy-box">
448
- <h2>๐Ÿ” Your Data, Your Device</h2>
449
- <p>WAB Browser was built with a strong privacy philosophy: bookmarks, history, and preferences stay on your device. Search queries are proxied through WAB servers to deliver results without exposing you to third-party tracking.</p>
450
- <ul class="privacy-list">
451
- <li>All bookmarks and history stored locally only</li>
452
- <li>Search queries proxied โ€” external engines never see your IP</li>
453
- <li>No telemetry, no analytics, no tracking</li>
454
- <li>Ghost Mode removes all digital fingerprints</li>
455
- <li>DNT and GPC headers sent by default</li>
456
- <li>WAB Account is optional โ€” for platform features only</li>
457
- <li>Open protocol, transparent behavior</li>
458
- </ul>
459
- </div>
460
- </section>
461
-
462
- <!-- โ•โ•โ•โ•โ•โ•โ• FOOTER โ•โ•โ•โ•โ•โ•โ• -->
463
- <footer class="browser-footer">
464
- <p>WAB Browser v1.0.0 ยท Built by <a href="/">WebAgentBridge</a> ยท Free to use</p>
465
- <p style="margin-top:8px"><a href="/">Home</a> ยท <a href="/privacy">Privacy</a> ยท <a href="/terms">Terms</a> ยท <a href="/docs">Documentation</a></p>
466
- </footer>
467
-
468
- <script>
469
- // Auto-detect OS and highlight the right download button
470
- const ua = navigator.userAgent.toLowerCase();
471
- const isMobile = /android|iphone|ipad|ipod|mobile/i.test(ua);
472
- if (isMobile) {
473
- document.getElementById('download-mobile').classList.remove('secondary');
474
- document.getElementById('download-win').classList.add('secondary');
475
- } else if (ua.includes('mac')) {
476
- document.getElementById('download-mac').classList.remove('secondary');
477
- document.getElementById('download-win').classList.add('secondary');
478
- } else if (ua.includes('linux')) {
479
- document.getElementById('download-linux').classList.remove('secondary');
480
- document.getElementById('download-win').classList.add('secondary');
481
- }
482
- </script>
483
- </body>
484
- </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 Browser โ€” The Intelligent Web Agent Browser</title>
7
+ <meta name="description" content="Download WAB Browser - the intelligent browser with Ghost Mode, Scam Shield, and Smart Search. Your data stays on your device.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
11
+ <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'">
12
+ <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>
13
+ <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
14
+ <style>
15
+ .browser-hero {
16
+ min-height: 100vh;
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ background: linear-gradient(135deg, #0f0f23 0%, #16213e 50%, #0a192f 100%);
21
+ position: relative;
22
+ overflow: hidden;
23
+ padding: 120px 20px 80px;
24
+ }
25
+ .browser-hero::before {
26
+ content: '';
27
+ position: absolute;
28
+ top: -50%;
29
+ left: -50%;
30
+ width: 200%;
31
+ height: 200%;
32
+ background: radial-gradient(circle at 30% 50%, rgba(14,165,233,0.08) 0%, transparent 50%),
33
+ radial-gradient(circle at 70% 50%, rgba(16,185,129,0.06) 0%, transparent 50%);
34
+ animation: heroGlow 8s ease-in-out infinite alternate;
35
+ }
36
+ @keyframes heroGlow {
37
+ 0% { transform: translate(0, 0); }
38
+ 100% { transform: translate(-3%, 2%); }
39
+ }
40
+ .hero-content {
41
+ position: relative;
42
+ text-align: center;
43
+ max-width: 900px;
44
+ z-index: 1;
45
+ }
46
+ .browser-logo {
47
+ display: inline-block;
48
+ margin-bottom: 32px;
49
+ filter: drop-shadow(0 0 40px rgba(14,165,233,0.4));
50
+ animation: logoPulse 3s ease-in-out infinite;
51
+ }
52
+ @keyframes logoPulse {
53
+ 0%, 100% { filter: drop-shadow(0 0 40px rgba(14,165,233,0.4)); }
54
+ 50% { filter: drop-shadow(0 0 60px rgba(14,165,233,0.6)); }
55
+ }
56
+ .hero-title {
57
+ font-size: clamp(2.5rem, 6vw, 4.5rem);
58
+ font-weight: 900;
59
+ letter-spacing: -2px;
60
+ margin-bottom: 16px;
61
+ background: linear-gradient(135deg, #e2e8f0, #0ea5e9);
62
+ -webkit-background-clip: text;
63
+ -webkit-text-fill-color: transparent;
64
+ background-clip: text;
65
+ }
66
+ .hero-subtitle {
67
+ font-size: clamp(1rem, 2vw, 1.3rem);
68
+ color: #94a3b8;
69
+ margin-bottom: 40px;
70
+ line-height: 1.6;
71
+ max-width: 600px;
72
+ margin-left: auto;
73
+ margin-right: auto;
74
+ }
75
+ .download-section {
76
+ display: flex;
77
+ flex-wrap: wrap;
78
+ gap: 16px;
79
+ justify-content: center;
80
+ margin-bottom: 32px;
81
+ }
82
+ .download-btn {
83
+ display: inline-flex;
84
+ align-items: center;
85
+ gap: 12px;
86
+ padding: 16px 32px;
87
+ background: linear-gradient(135deg, #0ea5e9, #0284c7);
88
+ color: white;
89
+ border: none;
90
+ border-radius: 12px;
91
+ font-size: 16px;
92
+ font-weight: 700;
93
+ cursor: pointer;
94
+ transition: all 0.3s;
95
+ text-decoration: none;
96
+ box-shadow: 0 4px 20px rgba(14,165,233,0.3);
97
+ }
98
+ .download-btn:hover {
99
+ transform: translateY(-2px);
100
+ box-shadow: 0 8px 30px rgba(14,165,233,0.4);
101
+ }
102
+ .download-btn svg { flex-shrink: 0; }
103
+ .download-btn .btn-text { text-align: left; }
104
+ .download-btn .btn-label { font-size: 11px; opacity: 0.8; font-weight: 500; }
105
+ .download-btn.secondary {
106
+ background: rgba(255,255,255,0.06);
107
+ border: 1px solid rgba(255,255,255,0.1);
108
+ box-shadow: none;
109
+ }
110
+ .download-btn.secondary:hover {
111
+ background: rgba(255,255,255,0.1);
112
+ box-shadow: 0 4px 16px rgba(0,0,0,0.3);
113
+ }
114
+ .hero-note {
115
+ color: #64748b;
116
+ font-size: 13px;
117
+ }
118
+ .hero-note a { color: #0ea5e9; text-decoration: none; }
119
+
120
+ /* Features */
121
+ .browser-features {
122
+ padding: 100px 20px;
123
+ background: #0a0a1a;
124
+ }
125
+ .features-grid {
126
+ display: grid;
127
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
128
+ gap: 24px;
129
+ max-width: 1100px;
130
+ margin: 0 auto;
131
+ }
132
+ .feature-card {
133
+ background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
134
+ border: 1px solid rgba(255,255,255,0.06);
135
+ border-radius: 16px;
136
+ padding: 32px;
137
+ transition: all 0.3s;
138
+ }
139
+ .feature-card:hover {
140
+ border-color: rgba(14,165,233,0.3);
141
+ transform: translateY(-4px);
142
+ box-shadow: 0 12px 40px rgba(0,0,0,0.3);
143
+ }
144
+ .feature-icon {
145
+ width: 56px;
146
+ height: 56px;
147
+ background: rgba(14,165,233,0.1);
148
+ border-radius: 14px;
149
+ display: flex;
150
+ align-items: center;
151
+ justify-content: center;
152
+ font-size: 28px;
153
+ margin-bottom: 20px;
154
+ }
155
+ .feature-card h3 { font-size: 18px; margin-bottom: 8px; color: #e2e8f0; }
156
+ .feature-card p { color: #94a3b8; font-size: 14px; line-height: 1.6; }
157
+
158
+ .section-title {
159
+ text-align: center;
160
+ font-size: clamp(1.8rem, 4vw, 2.5rem);
161
+ font-weight: 800;
162
+ margin-bottom: 16px;
163
+ color: #e2e8f0;
164
+ }
165
+ .section-subtitle {
166
+ text-align: center;
167
+ color: #64748b;
168
+ font-size: 16px;
169
+ margin-bottom: 60px;
170
+ max-width: 600px;
171
+ margin-left: auto;
172
+ margin-right: auto;
173
+ }
174
+
175
+ /* How it works */
176
+ .how-section {
177
+ padding: 100px 20px;
178
+ background: #0f0f23;
179
+ }
180
+ .steps {
181
+ display: flex;
182
+ flex-wrap: wrap;
183
+ gap: 32px;
184
+ justify-content: center;
185
+ max-width: 1100px;
186
+ margin: 0 auto;
187
+ }
188
+ .step {
189
+ flex: 1;
190
+ min-width: 240px;
191
+ max-width: 300px;
192
+ text-align: center;
193
+ }
194
+ .step-number {
195
+ width: 48px; height: 48px;
196
+ background: linear-gradient(135deg, #0ea5e9, #0284c7);
197
+ border-radius: 50%;
198
+ display: flex;
199
+ align-items: center;
200
+ justify-content: center;
201
+ font-size: 20px;
202
+ font-weight: 800;
203
+ color: white;
204
+ margin: 0 auto 16px;
205
+ }
206
+ .step h3 { font-size: 16px; margin-bottom: 8px; color: #e2e8f0; }
207
+ .step p { color: #94a3b8; font-size: 13px; line-height: 1.5; }
208
+
209
+ /* Privacy */
210
+ .privacy-section {
211
+ padding: 80px 20px;
212
+ background: linear-gradient(135deg, rgba(16,185,129,0.05), rgba(14,165,233,0.05));
213
+ }
214
+ .privacy-box {
215
+ max-width: 800px;
216
+ margin: 0 auto;
217
+ background: rgba(255,255,255,0.02);
218
+ border: 1px solid rgba(255,255,255,0.06);
219
+ border-radius: 16px;
220
+ padding: 48px;
221
+ text-align: center;
222
+ }
223
+ .privacy-box h2 { font-size: 28px; margin-bottom: 16px; color: #10b981; }
224
+ .privacy-box p { color: #94a3b8; font-size: 15px; line-height: 1.7; margin-bottom: 12px; }
225
+ .privacy-list {
226
+ list-style: none;
227
+ text-align: left;
228
+ max-width: 500px;
229
+ margin: 24px auto 0;
230
+ }
231
+ .privacy-list li {
232
+ padding: 10px 0;
233
+ color: #e2e8f0;
234
+ font-size: 14px;
235
+ border-bottom: 1px solid rgba(255,255,255,0.04);
236
+ display: flex;
237
+ align-items: center;
238
+ gap: 12px;
239
+ }
240
+ .privacy-list li::before { content: 'โœ“'; color: #10b981; font-weight: 700; font-size: 16px; }
241
+
242
+ /* Footer */
243
+ .browser-footer {
244
+ padding: 40px 20px;
245
+ background: #080816;
246
+ text-align: center;
247
+ }
248
+ .browser-footer p { color: #64748b; font-size: 13px; }
249
+ .browser-footer a { color: #0ea5e9; text-decoration: none; }
250
+
251
+ .coming-soon {
252
+ display: inline-block;
253
+ padding: 4px 10px;
254
+ background: rgba(245,158,11,0.15);
255
+ color: #f59e0b;
256
+ border-radius: 6px;
257
+ font-size: 11px;
258
+ font-weight: 600;
259
+ text-transform: uppercase;
260
+ letter-spacing: 0.5px;
261
+ margin-left: 8px;
262
+ }
263
+ </style>
264
+ </head>
265
+ <body style="background:#0f0f23;color:#e2e8f0;">
266
+
267
+ <!-- โ•โ•โ•โ•โ•โ•โ• NAVBAR โ•โ•โ•โ•โ•โ•โ• -->
268
+ <nav class="navbar" id="navbar" style="background:rgba(15,15,35,0.9);backdrop-filter:blur(20px);">
269
+ <div class="container">
270
+ <a href="/" class="navbar-brand">
271
+ <div class="brand-icon">โšก</div>
272
+ <span>WAB</span>
273
+ </a>
274
+ <ul class="navbar-links">
275
+ <li><a href="/">Home</a></li>
276
+ <li><a href="#features">Features</a></li>
277
+ <li><a href="#privacy">Privacy</a></li>
278
+ <li><a href="/docs">Docs</a></li>
279
+ </ul>
280
+ <div class="navbar-actions">
281
+ <a href="#download" class="btn btn-primary btn-sm">Download</a>
282
+ </div>
283
+ </div>
284
+ </nav>
285
+
286
+ <!-- โ•โ•โ•โ•โ•โ•โ• HERO โ•โ•โ•โ•โ•โ•โ• -->
287
+ <section class="browser-hero" id="download">
288
+ <div class="hero-content">
289
+ <div class="browser-logo">
290
+ <svg width="120" height="120" viewBox="0 0 120 120">
291
+ <defs>
292
+ <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
293
+ <stop offset="0%" style="stop-color:#0ea5e9"/>
294
+ <stop offset="100%" style="stop-color:#10b981"/>
295
+ </linearGradient>
296
+ </defs>
297
+ <circle cx="60" cy="60" r="54" fill="none" stroke="url(#logoGrad)" stroke-width="2.5"/>
298
+ <circle cx="60" cy="60" r="40" fill="none" stroke="url(#logoGrad)" stroke-width="1" opacity="0.3"/>
299
+ <circle cx="60" cy="60" r="25" fill="none" stroke="url(#logoGrad)" stroke-width="0.5" opacity="0.15"/>
300
+ <path d="M36 78 L48 42 L60 66 L72 42 L84 78" fill="none" stroke="url(#logoGrad)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
301
+ <circle cx="60" cy="36" r="5" fill="#0ea5e9"/>
302
+ <circle cx="60" cy="36" r="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.3"/>
303
+ </svg>
304
+ </div>
305
+
306
+ <h1 class="hero-title">WAB Browser</h1>
307
+ <p class="hero-subtitle">
308
+ The intelligent browser with Ghost Mode stealth, AI-powered Scam Shield,
309
+ and Smart Search. Your personal web agent that protects you while you browse.
310
+ </p>
311
+
312
+ <div class="download-section">
313
+ <a href="/downloads/wab-browser-setup.exe" class="download-btn" id="download-win">
314
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M3 5.557l7.357-1.002v7.112H3V5.557zm0 12.886l7.357 1.002v-7.112H3v6.11zM11.643 4.39L22 2.857v8.81h-10.357V4.39zm0 15.22L22 21.143v-8.81H11.643v7.277z"/></svg>
315
+ <div class="btn-text">
316
+ <div class="btn-label">Download for</div>
317
+ <div>Windows</div>
318
+ </div>
319
+ </a>
320
+ <a href="/pwa/" class="download-btn" id="download-mobile">
321
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M7 1C5.9 1 5 1.9 5 3v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2H7zm5 20c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm5-3H7V4h10v14z"/></svg>
322
+ <div class="btn-text">
323
+ <div class="btn-label">Install PWA for</div>
324
+ <div>Android / iOS</div>
325
+ </div>
326
+ </a>
327
+ <a href="/downloads/wab-browser.dmg" class="download-btn secondary" id="download-mac">
328
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
329
+ <div class="btn-text">
330
+ <div class="btn-label">Download for</div>
331
+ <div>macOS</div>
332
+ </div>
333
+ </a>
334
+ <a href="/downloads/wab-browser.AppImage" class="download-btn secondary" id="download-linux">
335
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12.504 0c-.155 0-.315.008-.48.021-4.226.333-3.105 4.807-3.17 6.298-.076 1.092-.3 1.953-1.05 3.02-.885 1.051-2.127 2.75-2.716 4.521-.278.832-.41 1.684-.287 2.489a.424.424 0 00-.11.135c-.26.268-.45.6-.663.839-.199.199-.485.267-.797.4-.313.136-.658.269-.864.68-.09.189-.136.394-.132.602 0 .199.027.4.055.536.058.399.116.728.04.97-.249.68-.28 1.145-.106 1.484.174.334.535.47.94.601.81.2 1.91.135 2.774.6.926.466 1.866.67 2.616.47.526-.116.97-.464 1.208-.946.587-.003 1.23-.269 2.26-.334.699-.058 1.574.267 2.577.2.025.134.063.198.114.333l.003.003c.391.778 1.113 1.368 1.884 1.43.871.074 1.543-.137 2.073-.467.264-.164.587-.328.653-.525.045-.132.19-.373.075-.553a.463.463 0 00-.115-.124c-.107-.066-.121-.145-.064-.27.138-.296.228-.652.123-1.03-.106-.386-.36-.593-.568-.835-.193-.199-.41-.402-.486-.665-.075-.263.058-.527.057-.786 0-.145-.062-.32-.1-.44a2.28 2.28 0 00-.555-.867c-.373-.354-.712-.515-1.012-.857-.09-.139-.262-.38-.315-.59a1.997 1.997 0 01.07-.857c.1-.276.177-.523.177-.862 0-.364-.136-.849-.454-1.257-.318-.397-.772-.639-1.269-.804a4.24 4.24 0 00-.906-.2c.098-.237.196-.402.26-.627.167-.567.151-1.19-.08-1.738a2.856 2.856 0 00-.35-.671c-.238-.332-.579-.536-.832-.786-.283-.295-.457-.596-.73-.924C10.807 3.44 9.02 2.077 7.374 2.12c-.26.007-.535.074-.77.2-1.195.625-1.108 2.218-.746 3.533.402 1.467-.3 2.614-1.093 3.726"/></svg>
336
+ <div class="btn-text">
337
+ <div class="btn-label">Download for</div>
338
+ <div>Linux</div>
339
+ </div>
340
+ </a>
341
+ </div>
342
+
343
+ <p class="hero-note">
344
+ v1.0.0 ยท Free ยท <a href="/privacy">Privacy Policy</a> ยท Your data stays on your device
345
+ </p>
346
+
347
+ <div style="margin-top:24px;padding:16px 24px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;max-width:600px;margin-left:auto;margin-right:auto;text-align:left;">
348
+ <p style="color:#94a3b8;font-size:12px;margin-bottom:8px;font-weight:600;">๐Ÿ” Verify Your Download</p>
349
+ <p style="color:#64748b;font-size:11px;line-height:1.6;margin-bottom:8px;">
350
+ Always verify the checksum after downloading. Open a terminal and run:
351
+ </p>
352
+ <code style="display:block;background:#0a0a1a;padding:8px 12px;border-radius:6px;font-size:11px;color:#0ea5e9;word-break:break-all;font-family:'JetBrains Mono',monospace;">
353
+ # Windows (PowerShell)<br>
354
+ Get-FileHash .\wab-browser-setup.exe -Algorithm SHA256<br><br>
355
+ # macOS / Linux<br>
356
+ shasum -a 256 wab-browser-setup.exe
357
+ </code>
358
+ <p style="color:#64748b;font-size:11px;margin-top:8px;">
359
+ Expected SHA-256: <a href="/downloads/SHA256SUMS.txt" style="color:#10b981;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:10px;">View checksums file</a>
360
+ </p>
361
+ <p style="color:#475569;font-size:10px;margin-top:6px;">
362
+ All releases are built from the <a href="https://github.com/abokenan444/web-agent-bridge" style="color:#0ea5e9;text-decoration:none;">open-source repository</a>.
363
+ Desktop browser source is maintained separately as wab-browser/ (private build pipeline).
364
+ </p>
365
+ </div>
366
+ </div>
367
+ </section>
368
+
369
+ <!-- โ•โ•โ•โ•โ•โ•โ• FEATURES โ•โ•โ•โ•โ•โ•โ• -->
370
+ <section class="browser-features" id="features">
371
+ <h2 class="section-title">Built for the Intelligent Web</h2>
372
+ <p class="section-subtitle">Every feature designed to protect, empower, and simplify your browsing experience.</p>
373
+
374
+ <div class="features-grid">
375
+ <div class="feature-card">
376
+ <div class="feature-icon">๐Ÿ‘ป</div>
377
+ <h3>Ghost Mode</h3>
378
+ <p>Advanced fingerprint protection, automatic user-agent rotation, canvas noise injection, and WebGL spoofing. Browse without leaving digital traces.</p>
379
+ </div>
380
+ <div class="feature-card">
381
+ <div class="feature-icon">๐Ÿ›ก๏ธ</div>
382
+ <h3>Scam Shield</h3>
383
+ <p>Real-time fraud detection analyzing domain patterns, TLD reputation, brand impersonation attempts, and homograph attacks. Every site gets a risk score.</p>
384
+ </div>
385
+ <div class="feature-card">
386
+ <div class="feature-icon">๐Ÿ”</div>
387
+ <h3>Smart Search</h3>
388
+ <p>WAB Search engine with instant results, cached locally for fast recall. Multi-source aggregation delivers comprehensive results under the WAB brand โ€” no external branding shown.</p>
389
+ </div>
390
+ <div class="feature-card">
391
+ <div class="feature-icon">๐Ÿ”’</div>
392
+ <h3>Local-First Storage</h3>
393
+ <p>All your bookmarks, history, and preferences stored exclusively on your device. Search is proxied through WAB servers for privacy โ€” external engines never see your IP.</p>
394
+ </div>
395
+ <div class="feature-card">
396
+ <div class="feature-icon">๐Ÿค–</div>
397
+ <h3>WAB Agent Integration</h3>
398
+ <p>Built-in Web Agent Bridge protocol support. Your agents work natively inside the browser, understanding every page visually and semantically.</p>
399
+ </div>
400
+ <div class="feature-card">
401
+ <div class="feature-icon">๐Ÿšซ</div>
402
+ <h3>Ad Blocker</h3>
403
+ <p>Blocks 80+ ad networks, trackers, and popups at the network level. Cosmetic filtering hides leftover ad containers. Zero ads, zero tracking.</p>
404
+ </div>
405
+ <div class="feature-card">
406
+ <div class="feature-icon">โš–๏ธ</div>
407
+ <h3>Fairness System</h3>
408
+ <p>Prioritizes small trusted websites over big tech monopolies. Analyzes domain trust, content quality, and independence to rank sites fairly.</p>
409
+ </div>
410
+ <div class="feature-card">
411
+ <div class="feature-icon">๐Ÿ“ฑ</div>
412
+ <h3>Mobile PWA</h3>
413
+ <p>Install directly on your phone as a Progressive Web App. No app store needed. Full browser experience with ad blocking and agent chat on mobile.</p>
414
+ </div>
415
+ <div class="feature-card">
416
+ <div class="feature-icon">โšก</div>
417
+ <h3>Lightweight & Fast</h3>
418
+ <p>Minimal footprint, no bloatware, no telemetry. Built on Chromium with only the essentials. Starts in seconds, stays fast forever.</p>
419
+ </div>
420
+ </div>
421
+ </section>
422
+
423
+ <!-- โ•โ•โ•โ•โ•โ•โ• HOW IT WORKS โ•โ•โ•โ•โ•โ•โ• -->
424
+ <section class="how-section">
425
+ <h2 class="section-title">How It Works</h2>
426
+ <p class="section-subtitle">Three layers of intelligence working together to protect you.</p>
427
+
428
+ <div class="steps">
429
+ <div class="step">
430
+ <div class="step-number">1</div>
431
+ <h3>You Browse</h3>
432
+ <p>Navigate the web normally. Tabs, bookmarks, search โ€” everything you expect from a browser, refined and simplified.</p>
433
+ </div>
434
+ <div class="step">
435
+ <div class="step-number">2</div>
436
+ <h3>Shield Analyzes</h3>
437
+ <p>Every page is silently analyzed for fraud patterns, suspicious domains, and scam indicators. You see a real-time safety score.</p>
438
+ </div>
439
+ <div class="step">
440
+ <div class="step-number">3</div>
441
+ <h3>Ghost Protects</h3>
442
+ <p>When Ghost Mode is on, your digital fingerprint is randomized. Sites cannot track, identify, or profile you across the web.</p>
443
+ </div>
444
+ </div>
445
+ </section>
446
+
447
+ <!-- โ•โ•โ•โ•โ•โ•โ• PRIVACY โ•โ•โ•โ•โ•โ•โ• -->
448
+ <section class="privacy-section" id="privacy">
449
+ <div class="privacy-box">
450
+ <h2>๐Ÿ” Your Data, Your Device</h2>
451
+ <p>WAB Browser was built with a strong privacy philosophy: bookmarks, history, and preferences stay on your device. Search queries are proxied through WAB servers to deliver results without exposing you to third-party tracking.</p>
452
+ <ul class="privacy-list">
453
+ <li>All bookmarks and history stored locally only</li>
454
+ <li>Search queries proxied โ€” external engines never see your IP</li>
455
+ <li>No telemetry, no analytics, no tracking</li>
456
+ <li>Ghost Mode removes all digital fingerprints</li>
457
+ <li>DNT and GPC headers sent by default</li>
458
+ <li>WAB Account is optional โ€” for platform features only</li>
459
+ <li>Open protocol, transparent behavior</li>
460
+ </ul>
461
+ </div>
462
+ </section>
463
+
464
+ <!-- โ•โ•โ•โ•โ•โ•โ• FOOTER โ•โ•โ•โ•โ•โ•โ• -->
465
+ <footer class="browser-footer">
466
+ <p>WAB Browser v1.0.0 ยท Built by <a href="/">WebAgentBridge</a> ยท Free to use</p>
467
+ <p style="margin-top:8px"><a href="/">Home</a> ยท <a href="/privacy">Privacy</a> ยท <a href="/terms">Terms</a> ยท <a href="/docs">Documentation</a></p>
468
+ </footer>
469
+
470
+ <script>
471
+ // Auto-detect OS and highlight the right download button
472
+ const ua = navigator.userAgent.toLowerCase();
473
+ const isMobile = /android|iphone|ipad|ipod|mobile/i.test(ua);
474
+ if (isMobile) {
475
+ document.getElementById('download-mobile').classList.remove('secondary');
476
+ document.getElementById('download-win').classList.add('secondary');
477
+ } else if (ua.includes('mac')) {
478
+ document.getElementById('download-mac').classList.remove('secondary');
479
+ document.getElementById('download-win').classList.add('secondary');
480
+ } else if (ua.includes('linux')) {
481
+ document.getElementById('download-linux').classList.remove('secondary');
482
+ document.getElementById('download-win').classList.add('secondary');
483
+ }
484
+ </script>
485
+ </body>
486
+ </html>