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