web-agent-bridge 3.3.0 → 3.8.1

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