web-agent-bridge 3.2.0 → 3.4.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 (256) hide show
  1. package/LICENSE +84 -72
  2. package/README.ar.md +1304 -1152
  3. package/README.md +298 -1635
  4. package/bin/agent-runner.js +474 -474
  5. package/bin/cli.js +237 -138
  6. package/bin/wab-init.js +223 -0
  7. package/bin/wab.js +80 -80
  8. package/examples/azure-dns-wab.js +83 -0
  9. package/examples/bidi-agent.js +119 -119
  10. package/examples/cloudflare-wab-dns.js +121 -0
  11. package/examples/cpanel-wab-dns.js +114 -0
  12. package/examples/cross-site-agent.js +91 -91
  13. package/examples/dns-discovery-agent.js +166 -0
  14. package/examples/gcp-dns-wab.js +76 -0
  15. package/examples/governance-agent.js +169 -0
  16. package/examples/mcp-agent.js +94 -94
  17. package/examples/next-app-router/README.md +44 -44
  18. package/examples/plesk-wab-dns.js +103 -0
  19. package/examples/puppeteer-agent.js +108 -108
  20. package/examples/route53-wab-dns.js +144 -0
  21. package/examples/saas-dashboard/README.md +55 -55
  22. package/examples/safe-mode-agent.js +96 -0
  23. package/examples/shopify-hydrogen/README.md +74 -74
  24. package/examples/vision-agent.js +171 -171
  25. package/examples/wab-sign.js +74 -0
  26. package/examples/wab-verify.js +60 -0
  27. package/examples/wordpress-elementor/README.md +77 -77
  28. package/package.json +19 -6
  29. package/public/.well-known/agent-tools.json +180 -180
  30. package/public/.well-known/ai-assets.json +59 -59
  31. package/public/.well-known/security.txt +8 -0
  32. package/public/.well-known/wab.json +28 -0
  33. package/public/activate.html +368 -0
  34. package/public/adoption-metrics.html +188 -0
  35. package/public/agent-workspace.html +349 -349
  36. package/public/ai.html +198 -198
  37. package/public/api.html +413 -412
  38. package/public/azure-dns-integration.html +289 -0
  39. package/public/browser.html +486 -486
  40. package/public/cloudflare-integration.html +380 -0
  41. package/public/commander-dashboard.html +243 -243
  42. package/public/cookies.html +210 -210
  43. package/public/cpanel-integration.html +398 -0
  44. package/public/css/agent-workspace.css +1713 -1713
  45. package/public/css/premium.css +317 -317
  46. package/public/css/styles.css +1263 -1235
  47. package/public/dashboard.html +707 -706
  48. package/public/dns.html +436 -0
  49. package/public/docs.html +588 -587
  50. package/public/feed.xml +89 -89
  51. package/public/gcp-dns-integration.html +318 -0
  52. package/public/growth.html +465 -463
  53. package/public/index.html +1266 -982
  54. package/public/integrations.html +556 -0
  55. package/public/js/activate.js +145 -0
  56. package/public/js/agent-workspace.js +1740 -1740
  57. package/public/js/auth-nav.js +65 -31
  58. package/public/js/auth-redirect.js +12 -12
  59. package/public/js/cookie-consent.js +56 -56
  60. package/public/js/dns.js +438 -0
  61. package/public/js/wab-demo-page.js +721 -721
  62. package/public/js/ws-client.js +74 -74
  63. package/public/llms-full.txt +360 -360
  64. package/public/llms.txt +125 -125
  65. package/public/login.html +85 -85
  66. package/public/mesh-dashboard.html +328 -328
  67. package/public/openapi.json +669 -580
  68. package/public/phone-shield.html +281 -0
  69. package/public/plesk-integration.html +375 -0
  70. package/public/premium-dashboard.html +2489 -2489
  71. package/public/premium.html +793 -793
  72. package/public/privacy.html +297 -297
  73. package/public/provider-onboarding.html +172 -0
  74. package/public/provider-sandbox.html +134 -0
  75. package/public/providers.html +359 -0
  76. package/public/register.html +105 -105
  77. package/public/registrar-integrations.html +141 -0
  78. package/public/robots.txt +99 -87
  79. package/public/route53-integration.html +531 -0
  80. package/public/script/wab-consent.d.ts +36 -36
  81. package/public/script/wab-consent.js +104 -104
  82. package/public/script/wab-schema.js +131 -131
  83. package/public/script/wab.d.ts +108 -108
  84. package/public/script/wab.min.js +580 -580
  85. package/public/security.txt +8 -0
  86. package/public/shieldqr.html +231 -0
  87. package/public/sitemap.xml +6 -0
  88. package/public/terms.html +256 -256
  89. package/public/wab-trust.html +200 -0
  90. package/public/wab-vs-protocols.html +210 -0
  91. package/public/whitepaper.html +449 -0
  92. package/script/ai-agent-bridge.js +1754 -1754
  93. package/sdk/README.md +99 -99
  94. package/sdk/agent-mesh.js +449 -449
  95. package/sdk/auto-discovery.js +288 -0
  96. package/sdk/commander.js +262 -262
  97. package/sdk/governance.js +262 -0
  98. package/sdk/index.d.ts +464 -464
  99. package/sdk/index.js +25 -1
  100. package/sdk/multi-agent.js +318 -318
  101. package/sdk/package.json +2 -2
  102. package/sdk/safe-mode.js +221 -0
  103. package/sdk/safety-shield.js +219 -0
  104. package/sdk/schema-discovery.js +83 -83
  105. package/server/adapters/index.js +520 -520
  106. package/server/config/plans.js +367 -367
  107. package/server/config/secrets.js +102 -102
  108. package/server/control-plane/index.js +301 -301
  109. package/server/data-plane/index.js +354 -354
  110. package/server/index.js +670 -427
  111. package/server/llm/index.js +404 -404
  112. package/server/middleware/adminAuth.js +35 -35
  113. package/server/middleware/auth.js +50 -50
  114. package/server/middleware/featureGate.js +88 -88
  115. package/server/middleware/rateLimits.js +100 -100
  116. package/server/middleware/sensitiveAction.js +157 -0
  117. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  118. package/server/migrations/002_premium_features.sql +418 -418
  119. package/server/migrations/003_ads_integer_cents.sql +33 -33
  120. package/server/migrations/004_agent_os.sql +158 -158
  121. package/server/migrations/005_marketplace_metering.sql +126 -126
  122. package/server/migrations/007_governance.sql +106 -0
  123. package/server/migrations/008_plans.sql +144 -0
  124. package/server/migrations/009_shieldqr.sql +30 -0
  125. package/server/migrations/010_extended_trust.sql +33 -0
  126. package/server/models/adapters/index.js +33 -33
  127. package/server/models/adapters/mysql.js +183 -183
  128. package/server/models/adapters/postgresql.js +172 -172
  129. package/server/models/adapters/sqlite.js +7 -7
  130. package/server/models/db.js +740 -681
  131. package/server/observability/failure-analysis.js +337 -337
  132. package/server/observability/index.js +394 -394
  133. package/server/protocol/capabilities.js +223 -223
  134. package/server/protocol/index.js +243 -243
  135. package/server/protocol/schema.js +584 -584
  136. package/server/registry/certification.js +271 -271
  137. package/server/registry/index.js +326 -326
  138. package/server/routes/admin-plans.js +76 -0
  139. package/server/routes/admin-premium.js +673 -671
  140. package/server/routes/admin-shieldqr.js +90 -0
  141. package/server/routes/admin-trust-monitor.js +83 -0
  142. package/server/routes/admin.js +549 -261
  143. package/server/routes/ads.js +130 -130
  144. package/server/routes/agent-workspace.js +540 -540
  145. package/server/routes/api.js +150 -150
  146. package/server/routes/auth.js +71 -71
  147. package/server/routes/billing.js +57 -45
  148. package/server/routes/commander.js +316 -316
  149. package/server/routes/demo-showcase.js +332 -332
  150. package/server/routes/demo-store.js +154 -0
  151. package/server/routes/discovery.js +2348 -417
  152. package/server/routes/gateway.js +173 -157
  153. package/server/routes/governance.js +208 -0
  154. package/server/routes/license.js +251 -240
  155. package/server/routes/mesh.js +469 -469
  156. package/server/routes/noscript.js +543 -543
  157. package/server/routes/plans.js +33 -0
  158. package/server/routes/premium-v2.js +686 -686
  159. package/server/routes/premium.js +724 -724
  160. package/server/routes/providers.js +650 -0
  161. package/server/routes/runtime.js +2148 -2147
  162. package/server/routes/shieldqr.js +88 -0
  163. package/server/routes/sovereign.js +465 -385
  164. package/server/routes/universal.js +200 -185
  165. package/server/routes/wab-api.js +850 -501
  166. package/server/runtime/container-worker.js +111 -111
  167. package/server/runtime/container.js +448 -448
  168. package/server/runtime/distributed-worker.js +362 -362
  169. package/server/runtime/event-bus.js +210 -210
  170. package/server/runtime/index.js +253 -253
  171. package/server/runtime/queue.js +599 -599
  172. package/server/runtime/replay.js +666 -666
  173. package/server/runtime/sandbox.js +266 -266
  174. package/server/runtime/scheduler.js +534 -534
  175. package/server/runtime/session-engine.js +293 -293
  176. package/server/runtime/state-manager.js +188 -188
  177. package/server/security/cross-site-redactor.js +196 -0
  178. package/server/security/dry-run.js +180 -0
  179. package/server/security/human-gate-rate-limit.js +147 -0
  180. package/server/security/human-gate-transports.js +178 -0
  181. package/server/security/human-gate.js +281 -0
  182. package/server/security/index.js +368 -368
  183. package/server/security/intent-engine.js +245 -0
  184. package/server/security/reward-guard.js +171 -0
  185. package/server/security/rollback-store.js +239 -0
  186. package/server/security/token-scope.js +404 -0
  187. package/server/security/url-policy.js +139 -0
  188. package/server/services/agent-chat.js +506 -506
  189. package/server/services/agent-learning.js +601 -575
  190. package/server/services/agent-memory.js +625 -625
  191. package/server/services/agent-mesh.js +555 -539
  192. package/server/services/agent-symphony.js +717 -717
  193. package/server/services/agent-tasks.js +1807 -1807
  194. package/server/services/api-key-engine.js +292 -261
  195. package/server/services/cluster.js +894 -894
  196. package/server/services/commander.js +738 -738
  197. package/server/services/edge-compute.js +440 -440
  198. package/server/services/email.js +233 -204
  199. package/server/services/governance.js +466 -0
  200. package/server/services/hosted-runtime.js +205 -205
  201. package/server/services/lfd.js +635 -635
  202. package/server/services/local-ai.js +389 -389
  203. package/server/services/marketplace.js +270 -270
  204. package/server/services/metering.js +182 -182
  205. package/server/services/modules/affiliate-intelligence.js +93 -93
  206. package/server/services/modules/agent-firewall.js +90 -90
  207. package/server/services/modules/bounty.js +89 -89
  208. package/server/services/modules/collective-bargaining.js +92 -92
  209. package/server/services/modules/dark-pattern.js +66 -66
  210. package/server/services/modules/gov-intelligence.js +45 -45
  211. package/server/services/modules/neural.js +55 -55
  212. package/server/services/modules/notary.js +49 -49
  213. package/server/services/modules/price-time-machine.js +86 -86
  214. package/server/services/modules/protocol.js +104 -104
  215. package/server/services/negotiation.js +439 -439
  216. package/server/services/plans.js +214 -0
  217. package/server/services/plugins.js +771 -771
  218. package/server/services/premium.js +1 -1
  219. package/server/services/price-intelligence.js +566 -566
  220. package/server/services/price-shield.js +1137 -1137
  221. package/server/services/provider-clients.js +740 -0
  222. package/server/services/reputation.js +465 -465
  223. package/server/services/search-engine.js +357 -357
  224. package/server/services/security.js +513 -513
  225. package/server/services/self-healing.js +843 -843
  226. package/server/services/shieldqr.js +322 -0
  227. package/server/services/sovereign-shield.js +542 -0
  228. package/server/services/ssl-inspector.js +42 -0
  229. package/server/services/ssl-monitor.js +167 -0
  230. package/server/services/stripe.js +205 -192
  231. package/server/services/swarm.js +788 -788
  232. package/server/services/universal-scraper.js +662 -661
  233. package/server/services/verification.js +481 -481
  234. package/server/services/vision.js +1163 -1163
  235. package/server/services/wab-crypto.js +178 -0
  236. package/server/utils/cache.js +125 -125
  237. package/server/utils/migrate.js +81 -81
  238. package/server/utils/safe-fetch.js +228 -0
  239. package/server/utils/secureFields.js +50 -50
  240. package/server/ws.js +161 -161
  241. package/templates/artisan-marketplace.yaml +104 -104
  242. package/templates/book-price-scout.yaml +98 -98
  243. package/templates/electronics-price-tracker.yaml +108 -108
  244. package/templates/flight-deal-hunter.yaml +113 -113
  245. package/templates/freelancer-direct.yaml +116 -116
  246. package/templates/grocery-price-compare.yaml +93 -93
  247. package/templates/hotel-direct-booking.yaml +113 -113
  248. package/templates/local-services.yaml +98 -98
  249. package/templates/olive-oil-tunisia.yaml +88 -88
  250. package/templates/organic-farm-fresh.yaml +101 -101
  251. package/templates/restaurant-direct.yaml +97 -97
  252. package/public/score.html +0 -263
  253. package/server/migrations/006_growth_suite.sql +0 -138
  254. package/server/routes/growth.js +0 -962
  255. package/server/services/fairness-engine.js +0 -409
  256. package/server/services/fairness.js +0 -420
package/public/browser.html CHANGED
@@ -1,486 +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
- <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>
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>