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/activate.html CHANGED
@@ -1,368 +1,448 @@
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>Activate WAB Discovery in One Click — Web Agent Bridge</title>
7
- <meta name="description" content="Add one DNS TXT record and make your website instantly discoverable by AI agents. Step-by-step guide for Cloudflare, cPanel, GoDaddy, Namecheap and more.">
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.2.0">
14
- <style>
15
- /* ─── Page-specific styles ─── */
16
- .activate-hero {
17
- padding: 120px 24px 60px;
18
- text-align: center;
19
- background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,0.18) 0%, transparent 70%);
20
- }
21
- .activate-hero h1 {
22
- font-size: clamp(2rem, 5vw, 3.5rem);
23
- font-weight: 900;
24
- line-height: 1.1;
25
- margin-bottom: 1.2rem;
26
- }
27
- .activate-hero .subtitle {
28
- font-size: 1.2rem;
29
- color: #94a3b8;
30
- max-width: 640px;
31
- margin: 0 auto 2rem;
32
- }
33
- .lang-toggle {
34
- display: flex;
35
- gap: 8px;
36
- justify-content: center;
37
- margin-bottom: 2.5rem;
38
- }
39
- .lang-toggle button {
40
- padding: 8px 20px;
41
- border-radius: 20px;
42
- border: 1.5px solid #334155;
43
- background: transparent;
44
- color: #94a3b8;
45
- cursor: pointer;
46
- font-size: 0.9rem;
47
- transition: all 0.2s;
48
- }
49
- .lang-toggle button.active {
50
- background: linear-gradient(135deg, #6366f1, #8b5cf6);
51
- border-color: transparent;
52
- color: #fff;
53
- font-weight: 600;
54
- }
55
- /* Steps */
56
- .steps-section {
57
- max-width: 860px;
58
- margin: 0 auto;
59
- padding: 0 24px 80px;
60
- }
61
- .steps-section h2 {
62
- font-size: 1.8rem;
63
- font-weight: 700;
64
- margin-bottom: 2rem;
65
- color: #e2e8f0;
66
- }
67
- .step-card {
68
- background: rgba(30,41,59,0.7);
69
- border: 1px solid rgba(99,102,241,0.2);
70
- border-radius: 16px;
71
- padding: 28px 32px;
72
- margin-bottom: 24px;
73
- position: relative;
74
- overflow: hidden;
75
- }
76
- .step-card::before {
77
- content: '';
78
- position: absolute;
79
- top: 0; left: 0;
80
- width: 4px; height: 100%;
81
- background: linear-gradient(180deg, #6366f1, #8b5cf6);
82
- border-radius: 4px 0 0 4px;
83
- }
84
- .step-number {
85
- display: inline-flex;
86
- align-items: center;
87
- justify-content: center;
88
- width: 36px; height: 36px;
89
- background: linear-gradient(135deg, #6366f1, #8b5cf6);
90
- border-radius: 50%;
91
- font-weight: 700;
92
- font-size: 0.95rem;
93
- margin-bottom: 12px;
94
- }
95
- .step-card h3 {
96
- font-size: 1.15rem;
97
- font-weight: 700;
98
- margin: 0 0 10px;
99
- color: #e2e8f0;
100
- }
101
- .step-card p {
102
- color: #94a3b8;
103
- margin: 0 0 16px;
104
- line-height: 1.7;
105
- }
106
- .step-card .code-block {
107
- background: #0f172a;
108
- border: 1px solid #1e293b;
109
- border-radius: 10px;
110
- padding: 16px 20px;
111
- font-family: 'JetBrains Mono', monospace;
112
- font-size: 0.85rem;
113
- color: #a5f3fc;
114
- overflow-x: auto;
115
- margin-top: 12px;
116
- }
117
- .step-card .code-block .label {
118
- color: #64748b;
119
- font-size: 0.78rem;
120
- display: block;
121
- margin-bottom: 6px;
122
- }
123
- .step-card .code-block .key { color: #f472b6; }
124
- .step-card .code-block .val { color: #34d399; }
125
- /* Screenshot */
126
- .step-screenshot {
127
- width: 100%;
128
- border-radius: 10px;
129
- border: 1px solid rgba(99,102,241,0.25);
130
- margin-top: 16px;
131
- }
132
- /* Provider tabs */
133
- .provider-tabs {
134
- display: flex;
135
- gap: 8px;
136
- flex-wrap: wrap;
137
- margin-bottom: 20px;
138
- }
139
- .provider-tab {
140
- padding: 8px 16px;
141
- border-radius: 8px;
142
- border: 1px solid #334155;
143
- background: transparent;
144
- color: #94a3b8;
145
- cursor: pointer;
146
- font-size: 0.85rem;
147
- transition: all 0.2s;
148
- }
149
- .provider-tab.active {
150
- background: rgba(99,102,241,0.2);
151
- border-color: #6366f1;
152
- color: #a5b4fc;
153
- }
154
- .provider-content { display: none; }
155
- .provider-content.active { display: block; }
156
- /* Video section */
157
- .video-section {
158
- max-width: 860px;
159
- margin: 0 auto;
160
- padding: 0 24px 80px;
161
- }
162
- .video-section h2 {
163
- font-size: 1.8rem;
164
- font-weight: 700;
165
- margin-bottom: 1.5rem;
166
- color: #e2e8f0;
167
- }
168
- .video-wrapper {
169
- background: #0f172a;
170
- border: 1px solid rgba(99,102,241,0.25);
171
- border-radius: 16px;
172
- overflow: hidden;
173
- aspect-ratio: 16/9;
174
- display: flex;
175
- align-items: center;
176
- justify-content: center;
177
- }
178
- .video-wrapper video {
179
- width: 100%;
180
- height: 100%;
181
- object-fit: cover;
182
- }
183
- /* Verifier CTA */
184
- .verifier-cta {
185
- background: linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.15));
186
- border: 1px solid rgba(99,102,241,0.3);
187
- border-radius: 20px;
188
- padding: 48px 32px;
189
- text-align: center;
190
- max-width: 640px;
191
- margin: 0 auto 80px;
192
- }
193
- .verifier-cta h2 {
194
- font-size: 1.6rem;
195
- font-weight: 700;
196
- margin-bottom: 12px;
197
- }
198
- .verifier-cta p {
199
- color: #94a3b8;
200
- margin-bottom: 24px;
201
- }
202
- /* Badge */
203
- .badge-row {
204
- display: flex;
205
- gap: 12px;
206
- flex-wrap: wrap;
207
- justify-content: center;
208
- margin-bottom: 2rem;
209
- }
210
- .badge-img {
211
- height: 28px;
212
- }
213
- /* RTL support */
214
- html[dir="rtl"] .step-card::before {
215
- left: auto; right: 0;
216
- border-radius: 0 4px 4px 0;
217
- }
218
- html[dir="rtl"] .step-card {
219
- text-align: right;
220
- }
221
- </style>
222
- </head>
223
- <body>
224
- <!-- ═══════════ NAVBAR ═══════════ -->
225
- <nav class="navbar" id="navbar">
226
- <div class="container">
227
- <a href="/" class="navbar-brand">
228
- <div class="brand-icon">⚡</div>
229
- <span>WAB</span>
230
- </a>
231
- <ul class="navbar-links">
232
- <li><a href="/" data-i18n="nav_home">Home</a></li>
233
- <li><a href="/integrations" data-i18n="nav_integrations">Integrations</a></li>
234
- <li><a href="/dns" data-i18n="nav_dns">DNS Discovery</a></li>
235
- <li><a href="/phone-shield" data-i18n="nav_phone">Phone Shield</a></li>
236
- <li><a href="/sovereign" data-i18n="nav_sovereign">Sovereign</a></li>
237
- <li><a href="/docs" data-i18n="nav_docs">Docs</a></li>
238
- </ul>
239
- <div class="navbar-actions">
240
- <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
241
- <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
242
- <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
243
- </div>
244
- <button class="mobile-menu-btn">☰</button>
245
- </div>
246
- </nav>
247
-
248
- <!-- ═══════════ HERO ═══════════ -->
249
- <section class="activate-hero">
250
- <div class="badge-row">
251
- <img src="https://img.shields.io/badge/DNS%20Discovery-One--Click-6366f1?style=flat-square&logo=dns&logoColor=white" alt="One-Click DNS Discovery" class="badge-img">
252
- <img src="https://img.shields.io/badge/Protocol-WAB%20v1-8b5cf6?style=flat-square" alt="WAB v1" class="badge-img">
253
- <img src="https://img.shields.io/badge/Verified-Live%20on%20webagentbridge.com-10b981?style=flat-square" alt="Live Verified" class="badge-img">
254
- </div>
255
- <div class="lang-toggle">
256
- <button id="btnEn" class="active" onclick="setActivateLang('en')">English</button>
257
- <button id="btnAr" onclick="setActivateLang('ar')">العربية</button>
258
- </div>
259
- <h1 data-i18n="hero_title">Activate WAB Discovery<br><span class="gradient-text">in One Click</span></h1>
260
- <p class="subtitle" data-i18n="hero_sub">Add a single DNS TXT record and make your website instantly discoverable by AI agents — no code changes required.</p>
261
- <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
262
- <a href="#steps" class="btn btn-primary btn-lg" data-i18n="cta_guide">View Setup Guide</a>
263
- <a href="/dns" class="btn btn-secondary btn-lg" data-i18n="cta_verify">Live Verifier</a>
264
- </div>
265
- </section>
266
-
267
- <!-- ═══════════ VIDEO ═══════════ -->
268
- <section class="video-section">
269
- <h2 data-i18n="video_title">Watch: Full Setup in 40 Seconds</h2>
270
- <div class="video-wrapper">
271
- <video controls poster="/img/dns-video-poster.jpg">
272
- <source src="/videos/dns_discovery_demo.mp4" type="video/mp4">
273
- <p data-i18n="video_fallback">Your browser does not support the video tag. <a href="/videos/dns_discovery_demo.mp4">Download the video</a>.</p>
274
- </video>
275
- </div>
276
- </section>
277
-
278
- <!-- ═══════════ STEPS ═══════════ -->
279
- <section class="steps-section" id="steps">
280
- <h2 data-i18n="steps_title">Step-by-Step Setup Guide</h2>
281
-
282
- <!-- Step 1 -->
283
- <div class="step-card">
284
- <div class="step-number">1</div>
285
- <h3 data-i18n="step1_title">Log In to Your DNS Provider</h3>
286
- <p data-i18n="step1_desc">Sign in to your domain registrar or DNS hosting dashboard. Common providers include Cloudflare, cPanel, GoDaddy, and Namecheap. Navigate to the DNS Management or DNS Records section.</p>
287
- <div class="provider-tabs">
288
- <button class="provider-tab active" onclick="showProvider('cloudflare', this)">Cloudflare</button>
289
- <button class="provider-tab" onclick="showProvider('cpanel', this)">cPanel</button>
290
- <button class="provider-tab" onclick="showProvider('godaddy', this)">GoDaddy</button>
291
- <button class="provider-tab" onclick="showProvider('namecheap', this)">Namecheap</button>
292
- </div>
293
- <div id="prov-cloudflare" class="provider-content active">
294
- <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_cloudflare">Go to <strong>dash.cloudflare.com</strong> → Select your domain → Click <strong>DNS</strong> in the top navigation → Click <strong>+ Add record</strong>.</p>
295
- </div>
296
- <div id="prov-cpanel" class="provider-content">
297
- <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_cpanel">Log in to cPanel → Scroll to <strong>Domains</strong> section → Click <strong>Zone Editor</strong> → Click <strong>Manage</strong> next to your domain → Click <strong>+ Add Record</strong>.</p>
298
- </div>
299
- <div id="prov-godaddy" class="provider-content">
300
- <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_godaddy">Log in to <strong>godaddy.com</strong> → My Products → Click <strong>DNS</strong> next to your domain → Click <strong>Add New Record</strong>.</p>
301
- </div>
302
- <div id="prov-namecheap" class="provider-content">
303
- <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_namecheap">Log in to <strong>namecheap.com</strong> → Domain List → Click <strong>Manage</strong> → Click <strong>Advanced DNS</strong> tab → Click <strong>Add New Record</strong>.</p>
304
- </div>
305
- </div>
306
-
307
- <!-- Step 2 -->
308
- <div class="step-card">
309
- <div class="step-number">2</div>
310
- <h3 data-i18n="step2_title">Add the TXT Record</h3>
311
- <p data-i18n="step2_desc">Create a new DNS TXT record with exactly these values. Replace <code style="color:#a5f3fc">yourdomain.com</code> with your actual domain.</p>
312
- <div class="code-block">
313
- <span class="label">DNS TXT Record</span>
314
- <span class="key">Type:</span> <span class="val">TXT</span><br>
315
- <span class="key">Name:</span> <span class="val">_wab</span><br>
316
- <span class="key">Value:</span> <span class="val">v=wab1; endpoint=https://yourdomain.com/.well-known/wab.json</span><br>
317
- <span class="key">TTL:</span> <span class="val">Auto (3600)</span>
318
- </div>
319
- </div>
320
-
321
- <!-- Step 3 -->
322
- <div class="step-card">
323
- <div class="step-number">3</div>
324
- <h3 data-i18n="step3_title">Create the wab.json Capabilities File</h3>
325
- <p data-i18n="step3_desc">Create the file <code style="color:#a5f3fc">/.well-known/wab.json</code> on your web server. This file describes your site's capabilities to AI agents.</p>
326
- <div class="code-block">
327
- <span class="label">/.well-known/wab.json</span>
328
- {<br>
329
- &nbsp;&nbsp;<span class="key">"version"</span>: <span class="val">"wab1"</span>,<br>
330
- &nbsp;&nbsp;<span class="key">"name"</span>: <span class="val">"Your Site Name"</span>,<br>
331
- &nbsp;&nbsp;<span class="key">"description"</span>: <span class="val">"What your site does"</span>,<br>
332
- &nbsp;&nbsp;<span class="key">"endpoint"</span>: <span class="val">"https://yourdomain.com/.well-known/wab.json"</span>,<br>
333
- &nbsp;&nbsp;<span class="key">"capabilities"</span>: [<span class="val">"browse"</span>, <span class="val">"api"</span>]<br>
334
- }
335
- </div>
336
- </div>
337
-
338
- <!-- Step 4 -->
339
- <div class="step-card">
340
- <div class="step-number">4</div>
341
- <h3 data-i18n="step4_title">Verify Your Setup</h3>
342
- <p data-i18n="step4_desc">DNS propagation takes a few minutes. Use the Live Verifier to confirm your record is active. The verifier queries DNS over HTTPS (DoH) — no data is sent to our servers.</p>
343
- <div style="background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:20px;margin-top:12px;">
344
- <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;">
345
- <input id="activateDomain" type="text" placeholder="yourdomain.com" style="flex:1;min-width:200px;padding:10px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
346
- <button id="activateVerifyBtn" style="padding:10px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:0.9rem;" data-i18n="verify_btn">Verify Now</button>
347
- </div>
348
- <div id="activateResult" style="margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:0.82rem;display:none;"></div>
349
- </div>
350
- </div>
351
- </section>
352
-
353
- <!-- ═══════════ CTA ═══════════ -->
354
- <div style="padding:0 24px;">
355
- <div class="verifier-cta">
356
- <h2 data-i18n="cta_title">Your Domain is Now AI-Ready</h2>
357
- <p data-i18n="cta_desc">Once verified, AI agents using the WAB protocol can discover your site's capabilities automatically — no manual configuration needed on their end.</p>
358
- <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
359
- <a href="/dns" class="btn btn-primary" data-i18n="cta_full_guide">Full DNS Guide</a>
360
- <a href="/docs" class="btn btn-secondary" data-i18n="cta_docs">Read the Docs</a>
361
- </div>
362
- </div>
363
- </div>
364
-
365
- <script src="/js/auth-nav.js"></script>
366
- <script src="/js/activate.js"></script>
367
- </body>
368
- </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>Activate WAB Discovery in One Click — Web Agent Bridge</title>
7
+ <meta name="description" content="Add one DNS TXT record and make your website instantly discoverable by AI agents. Step-by-step guide for Cloudflare, cPanel, GoDaddy, Namecheap and more.">
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.2.0">
14
+ <style>
15
+ /* ─── Page-specific styles ─── */
16
+ .activate-hero {
17
+ padding: 120px 24px 60px;
18
+ text-align: center;
19
+ background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,0.18) 0%, transparent 70%);
20
+ }
21
+ .activate-hero h1 {
22
+ font-size: clamp(2rem, 5vw, 3.5rem);
23
+ font-weight: 900;
24
+ line-height: 1.1;
25
+ margin-bottom: 1.2rem;
26
+ }
27
+ .activate-hero .subtitle {
28
+ font-size: 1.2rem;
29
+ color: #94a3b8;
30
+ max-width: 640px;
31
+ margin: 0 auto 2rem;
32
+ }
33
+ .lang-toggle {
34
+ display: flex;
35
+ gap: 8px;
36
+ justify-content: center;
37
+ margin-bottom: 2.5rem;
38
+ }
39
+ .lang-toggle button {
40
+ padding: 8px 20px;
41
+ border-radius: 20px;
42
+ border: 1.5px solid #334155;
43
+ background: transparent;
44
+ color: #94a3b8;
45
+ cursor: pointer;
46
+ font-size: 0.9rem;
47
+ transition: all 0.2s;
48
+ }
49
+ .lang-toggle button.active {
50
+ background: linear-gradient(135deg, #6366f1, #8b5cf6);
51
+ border-color: transparent;
52
+ color: #fff;
53
+ font-weight: 600;
54
+ }
55
+ /* Steps */
56
+ .steps-section {
57
+ max-width: 860px;
58
+ margin: 0 auto;
59
+ padding: 0 24px 80px;
60
+ }
61
+ .steps-section h2 {
62
+ font-size: 1.8rem;
63
+ font-weight: 700;
64
+ margin-bottom: 2rem;
65
+ color: #e2e8f0;
66
+ }
67
+ .step-card {
68
+ background: rgba(30,41,59,0.7);
69
+ border: 1px solid rgba(99,102,241,0.2);
70
+ border-radius: 16px;
71
+ padding: 28px 32px;
72
+ margin-bottom: 24px;
73
+ position: relative;
74
+ overflow: hidden;
75
+ }
76
+ .step-card::before {
77
+ content: '';
78
+ position: absolute;
79
+ top: 0; left: 0;
80
+ width: 4px; height: 100%;
81
+ background: linear-gradient(180deg, #6366f1, #8b5cf6);
82
+ border-radius: 4px 0 0 4px;
83
+ }
84
+ .step-number {
85
+ display: inline-flex;
86
+ align-items: center;
87
+ justify-content: center;
88
+ width: 36px; height: 36px;
89
+ background: linear-gradient(135deg, #6366f1, #8b5cf6);
90
+ border-radius: 50%;
91
+ font-weight: 700;
92
+ font-size: 0.95rem;
93
+ margin-bottom: 12px;
94
+ }
95
+ .step-card h3 {
96
+ font-size: 1.15rem;
97
+ font-weight: 700;
98
+ margin: 0 0 10px;
99
+ color: #e2e8f0;
100
+ }
101
+ .step-card p {
102
+ color: #94a3b8;
103
+ margin: 0 0 16px;
104
+ line-height: 1.7;
105
+ }
106
+ .step-card .code-block {
107
+ background: #0f172a;
108
+ border: 1px solid #1e293b;
109
+ border-radius: 10px;
110
+ padding: 16px 20px;
111
+ font-family: 'JetBrains Mono', monospace;
112
+ font-size: 0.85rem;
113
+ color: #a5f3fc;
114
+ overflow-x: auto;
115
+ margin-top: 12px;
116
+ }
117
+ .step-card .code-block .label {
118
+ color: #64748b;
119
+ font-size: 0.78rem;
120
+ display: block;
121
+ margin-bottom: 6px;
122
+ }
123
+ .step-card .code-block .key { color: #f472b6; }
124
+ .step-card .code-block .val { color: #34d399; }
125
+ /* Screenshot */
126
+ .step-screenshot {
127
+ width: 100%;
128
+ border-radius: 10px;
129
+ border: 1px solid rgba(99,102,241,0.25);
130
+ margin-top: 16px;
131
+ }
132
+ /* Provider tabs */
133
+ .provider-tabs {
134
+ display: flex;
135
+ gap: 8px;
136
+ flex-wrap: wrap;
137
+ margin-bottom: 20px;
138
+ }
139
+ .provider-tab {
140
+ padding: 8px 16px;
141
+ border-radius: 8px;
142
+ border: 1px solid #334155;
143
+ background: transparent;
144
+ color: #94a3b8;
145
+ cursor: pointer;
146
+ font-size: 0.85rem;
147
+ transition: all 0.2s;
148
+ }
149
+ .provider-tab.active {
150
+ background: rgba(99,102,241,0.2);
151
+ border-color: #6366f1;
152
+ color: #a5b4fc;
153
+ }
154
+ .provider-content { display: none; }
155
+ .provider-content.active { display: block; }
156
+ /* Video section */
157
+ .video-section {
158
+ max-width: 860px;
159
+ margin: 0 auto;
160
+ padding: 0 24px 80px;
161
+ }
162
+ .video-section h2 {
163
+ font-size: 1.8rem;
164
+ font-weight: 700;
165
+ margin-bottom: 1.5rem;
166
+ color: #e2e8f0;
167
+ }
168
+ .video-wrapper {
169
+ background: #0f172a;
170
+ border: 1px solid rgba(99,102,241,0.25);
171
+ border-radius: 16px;
172
+ overflow: hidden;
173
+ aspect-ratio: 16/9;
174
+ display: flex;
175
+ align-items: center;
176
+ justify-content: center;
177
+ }
178
+ .video-wrapper video {
179
+ width: 100%;
180
+ height: 100%;
181
+ object-fit: cover;
182
+ }
183
+ /* Verifier CTA */
184
+ .verifier-cta {
185
+ background: linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.15));
186
+ border: 1px solid rgba(99,102,241,0.3);
187
+ border-radius: 20px;
188
+ padding: 48px 32px;
189
+ text-align: center;
190
+ max-width: 640px;
191
+ margin: 0 auto 80px;
192
+ }
193
+ .verifier-cta h2 {
194
+ font-size: 1.6rem;
195
+ font-weight: 700;
196
+ margin-bottom: 12px;
197
+ }
198
+ .verifier-cta p {
199
+ color: #94a3b8;
200
+ margin-bottom: 24px;
201
+ }
202
+ /* Badge */
203
+ .badge-row {
204
+ display: flex;
205
+ gap: 12px;
206
+ flex-wrap: wrap;
207
+ justify-content: center;
208
+ margin-bottom: 2rem;
209
+ }
210
+ .badge-img {
211
+ height: 28px;
212
+ }
213
+ /* RTL support */
214
+ html[dir="rtl"] .step-card::before {
215
+ left: auto; right: 0;
216
+ border-radius: 0 4px 4px 0;
217
+ }
218
+ html[dir="rtl"] .step-card {
219
+ text-align: right;
220
+ }
221
+ /* Diagnostic table */
222
+ .diag-row {
223
+ display:flex;align-items:flex-start;gap:12px;
224
+ padding:10px 12px;border-radius:8px;
225
+ background:rgba(15,23,42,0.6);border:1px solid rgba(99,102,241,0.12);
226
+ margin-bottom:8px;font-size:0.85rem;line-height:1.5;
227
+ }
228
+ .diag-pill {
229
+ flex:0 0 auto;width:22px;height:22px;border-radius:50%;
230
+ display:inline-flex;align-items:center;justify-content:center;
231
+ font-weight:700;font-size:0.78rem;color:#0a0e1a;margin-top:1px;
232
+ }
233
+ .diag-pill.pass { background:#34d399; }
234
+ .diag-pill.warn { background:#fbbf24; }
235
+ .diag-pill.fail { background:#f87171; }
236
+ .diag-pill.info { background:#60a5fa; }
237
+ .diag-body { flex:1;min-width:0; }
238
+ .diag-title { color:#e2e8f0;font-weight:600; }
239
+ .diag-detail { color:#94a3b8;font-size:0.8rem;margin-top:2px;word-break:break-word; }
240
+ .diag-fix { color:#fcd34d;font-size:0.8rem;margin-top:4px; }
241
+ .diag-summary {
242
+ display:flex;gap:14px;flex-wrap:wrap;
243
+ padding:10px 14px;margin-bottom:14px;border-radius:10px;
244
+ background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.2);
245
+ font-size:0.85rem;color:#cbd5e1;
246
+ }
247
+ /* Copy button */
248
+ .copy-btn {
249
+ padding:4px 12px;background:#1e293b;border:1px solid #334155;
250
+ border-radius:6px;color:#cbd5e1;font-size:0.75rem;cursor:pointer;
251
+ font-family:inherit;transition:all 0.15s;
252
+ }
253
+ .copy-btn:hover { background:#334155;color:#fff; }
254
+ .copy-btn.copied { background:#065f46;color:#a7f3d0;border-color:#10b981; }
255
+ /* Cloudflare callout */
256
+ .cf-callout {
257
+ background:linear-gradient(135deg,rgba(245,158,11,0.10),rgba(249,115,22,0.06));
258
+ border:1px solid rgba(245,158,11,0.3);
259
+ border-radius:12px;padding:18px 22px;margin-top:16px;
260
+ font-size:0.88rem;color:#fde68a;
261
+ }
262
+ .cf-callout strong { color:#fbbf24; }
263
+ .cf-callout ul { margin:8px 0 0;padding-inline-start:20px;color:#fde68a; }
264
+ .cf-callout li { margin-bottom:6px; }
265
+ /* TXT generator output */
266
+ .txt-gen-grid {
267
+ display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
268
+ background:#0f172a;border:1px solid #1e293b;border-radius:10px;
269
+ padding:14px 18px;margin-top:12px;font-family:'JetBrains Mono',monospace;
270
+ font-size:0.82rem;
271
+ }
272
+ .txt-gen-grid .gk { color:#64748b; }
273
+ .txt-gen-grid .gv { color:#a5f3fc;word-break:break-all; }
274
+ html[dir="rtl"] .diag-row { text-align:right; }
275
+ </style>
276
+ </head>
277
+ <body>
278
+ <!-- ═══════════ NAVBAR ═══════════ -->
279
+ <nav class="navbar" id="navbar">
280
+ <div class="container">
281
+ <a href="/" class="navbar-brand">
282
+ <div class="brand-icon">⚡</div>
283
+ <span>WAB</span>
284
+ </a>
285
+ <ul class="navbar-links">
286
+ <li><a href="/" data-i18n="nav_home">Home</a></li>
287
+ <li><a href="/integrations" data-i18n="nav_integrations">Integrations</a></li>
288
+ <li><a href="/dns" data-i18n="nav_dns">DNS Discovery</a></li>
289
+ <li><a href="/phone-shield" data-i18n="nav_phone">Phone Shield</a></li>
290
+ <li><a href="/sovereign" data-i18n="nav_sovereign">Sovereign</a></li>
291
+ <li><a href="/docs" data-i18n="nav_docs">Docs</a></li>
292
+ </ul>
293
+ <div class="navbar-actions">
294
+ <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
295
+ <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
296
+ <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
297
+ </div>
298
+ <button class="mobile-menu-btn">☰</button>
299
+ </div>
300
+ </nav>
301
+
302
+ <!-- ═══════════ HERO ═══════════ -->
303
+ <section class="activate-hero">
304
+ <div class="badge-row">
305
+ <img src="https://img.shields.io/badge/DNS%20Discovery-One--Click-6366f1?style=flat-square&logo=dns&logoColor=white" alt="One-Click DNS Discovery" class="badge-img">
306
+ <img src="https://img.shields.io/badge/Protocol-WAB%20v1-8b5cf6?style=flat-square" alt="WAB v1" class="badge-img">
307
+ <img src="https://img.shields.io/badge/Verified-Live%20on%20webagentbridge.com-10b981?style=flat-square" alt="Live Verified" class="badge-img">
308
+ </div>
309
+ <div class="lang-toggle">
310
+ <button id="btnEn" class="active" onclick="setActivateLang('en')">English</button>
311
+ <button id="btnAr" onclick="setActivateLang('ar')">العربية</button>
312
+ </div>
313
+ <h1 data-i18n="hero_title">Activate WAB Discovery<br><span class="gradient-text">in One Click</span></h1>
314
+ <p class="subtitle" data-i18n="hero_sub">Add a single DNS TXT record and make your website instantly discoverable by AI agents — no code changes required.</p>
315
+ <div style="background:linear-gradient(135deg,rgba(99,102,241,0.18),rgba(139,92,246,0.12));border:1px solid rgba(99,102,241,0.4);border-radius:14px;padding:14px 18px;max-width:640px;margin:0 auto 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;">
316
+ <span style="font-size:1.4rem;">⚡</span>
317
+ <div style="text-align:start;flex:1 1 280px;">
318
+ <strong style="display:block;color:#fff;font-size:0.98rem;" data-i18n="oneclick_banner_title">New: Self-Serve One-Click Wizard</strong>
319
+ <span style="color:#cbd5e1;font-size:0.86rem;" data-i18n="oneclick_banner_body">Generate keys, sign manifest, and deploy DNS via Cloudflare/Vercel/Netlify API — all from your browser.</span>
320
+ </div>
321
+ <a href="/one-click" class="btn btn-primary" style="white-space:nowrap;" data-i18n="oneclick_banner_btn">Try One-Click →</a>
322
+ </div>
323
+ <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
324
+ <a href="#steps" class="btn btn-primary btn-lg" data-i18n="cta_guide">View Setup Guide</a>
325
+ <a href="/dns" class="btn btn-secondary btn-lg" data-i18n="cta_verify">Live Verifier</a>
326
+ </div>
327
+ </section>
328
+
329
+ <!-- ═══════════ VIDEO ═══════════ -->
330
+ <section class="video-section">
331
+ <h2 data-i18n="video_title">Watch: Full Setup in 40 Seconds</h2>
332
+ <div class="video-wrapper">
333
+ <video controls poster="/img/dns-video-poster.jpg">
334
+ <source src="/videos/dns_discovery_demo.mp4" type="video/mp4">
335
+ <p data-i18n="video_fallback">Your browser does not support the video tag. <a href="/videos/dns_discovery_demo.mp4">Download the video</a>.</p>
336
+ </video>
337
+ </div>
338
+ </section>
339
+
340
+ <!-- ═══════════ STEPS ═══════════ -->
341
+ <section class="steps-section" id="steps">
342
+ <h2 data-i18n="steps_title">Step-by-Step Setup Guide</h2>
343
+
344
+ <!-- Step 1 — wab.json (was step 3, moved first because it's the prerequisite for the TXT) -->
345
+ <div class="step-card">
346
+ <div class="step-number">1</div>
347
+ <h3 data-i18n="step1_title">Create your <code style="color:#a5f3fc">/.well-known/wab.json</code> file</h3>
348
+ <p data-i18n="step1_desc">This file lives on your web server and tells AI agents what your site can do. We'll generate one for you — paste your URL and click <strong>Generate</strong>. No data is stored.</p>
349
+
350
+ <div style="background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:18px;margin-top:12px;">
351
+ <div style="display:flex;gap:10px;flex-wrap:wrap;">
352
+ <input id="genUrl" type="url" placeholder="https://yourdomain.com" style="flex:1;min-width:220px;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
353
+ <button id="genBtn" style="padding:10px 22px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:0.9rem;" data-i18n="gen_btn">Generate wab.json</button>
354
+ </div>
355
+ <div id="genResult" style="margin-top:14px;display:none;"></div>
356
+ </div>
357
+
358
+ <p style="margin-top:14px;color:#94a3b8;font-size:0.85rem;" data-i18n="step1_path">Save the generated JSON at this exact path on your server: <code style="color:#a5f3fc">/.well-known/wab.json</code> — the URL must respond with <code style="color:#a5f3fc">Content-Type: application/json</code>.</p>
359
+ </div>
360
+
361
+ <!-- Step 2 — DNS provider (with Cloudflare callout) -->
362
+ <div class="step-card">
363
+ <div class="step-number">2</div>
364
+ <h3 data-i18n="step2_title">Open your DNS provider's control panel</h3>
365
+ <p data-i18n="step2_desc">Sign in to whoever hosts your DNS (often the same place where you bought your domain). Find the <strong>DNS</strong> or <strong>DNS Records</strong> page.</p>
366
+ <div class="provider-tabs">
367
+ <button class="provider-tab active" onclick="showProvider('cloudflare', this)">Cloudflare</button>
368
+ <button class="provider-tab" onclick="showProvider('cpanel', this)">cPanel</button>
369
+ <button class="provider-tab" onclick="showProvider('godaddy', this)">GoDaddy</button>
370
+ <button class="provider-tab" onclick="showProvider('namecheap', this)">Namecheap</button>
371
+ </div>
372
+ <div id="prov-cloudflare" class="provider-content active">
373
+ <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_cloudflare">Go to <strong>dash.cloudflare.com</strong> → select your domain → click <strong>DNS → Records</strong> in the side menu → click <strong>Add record</strong>.</p>
374
+ </div>
375
+ <div id="prov-cpanel" class="provider-content">
376
+ <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_cpanel">Log in to cPanel → in the <strong>Domains</strong> section open <strong>Zone Editor</strong> → click <strong>Manage</strong> next to your domain → click <strong>Add Record</strong> and choose <strong>TXT</strong>.</p>
377
+ </div>
378
+ <div id="prov-godaddy" class="provider-content">
379
+ <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_godaddy">Log in to <strong>godaddy.com</strong> → My Products → click <strong>DNS</strong> next to your domain → <strong>Add New Record</strong>.</p>
380
+ </div>
381
+ <div id="prov-namecheap" class="provider-content">
382
+ <p style="color:#94a3b8;font-size:0.9rem;" data-i18n="prov_namecheap">Log in to <strong>namecheap.com</strong> → Domain List → <strong>Manage</strong> → <strong>Advanced DNS</strong> tab → <strong>Add New Record</strong>.</p>
383
+ </div>
384
+
385
+ <div class="cf-callout">
386
+ <strong data-i18n="cf_title">⚠ Cloudflare-specific tips (read this if you use Cloudflare):</strong>
387
+ <ul>
388
+ <li data-i18n="cf_tip1"><strong>Page Rules / Cache Rules:</strong> add a rule for <code>*example.com/.well-known/*</code> with <strong>Cache Level: Bypass</strong>. Otherwise your wab.json updates can stay stale for hours.</li>
389
+ <li data-i18n="cf_tip2"><strong>Email Address Obfuscation:</strong> turn it <strong>OFF</strong> for the <code>/.well-known/</code> path (Scrape Shield → Email Obfuscation). It rewrites JSON content and breaks parsing.</li>
390
+ <li data-i18n="cf_tip3"><strong>Always Use HTTPS:</strong> keep it ON, but make sure your origin actually serves the file on HTTPS — otherwise Cloudflare returns a redirect loop.</li>
391
+ <li data-i18n="cf_tip4"><strong>The proxy (orange cloud) is fine for the website itself.</strong> The <code>_wab</code> TXT record has no proxy toggle (TXT records are always DNS-only).</li>
392
+ </ul>
393
+ </div>
394
+ </div>
395
+
396
+ <!-- Step 3 — TXT record (interactive generator) -->
397
+ <div class="step-card">
398
+ <div class="step-number">3</div>
399
+ <h3 data-i18n="step3_title">Add the <code style="color:#a5f3fc">_wab</code> TXT record</h3>
400
+ <p data-i18n="step3_desc">In the panel you just opened, create a new TXT record. Type your domain below and we'll fill in the exact values to copy/paste.</p>
401
+
402
+ <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;">
403
+ <input id="txtGenDomain" type="text" placeholder="yourdomain.com" style="flex:1;min-width:220px;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
404
+ </div>
405
+
406
+ <div class="txt-gen-grid">
407
+ <span class="gk" data-i18n="txt_type">Type:</span> <span class="gv">TXT</span> <span></span>
408
+ <span class="gk" data-i18n="txt_name">Name / Host:</span> <span class="gv" id="txtGenName">_wab</span> <button class="copy-btn" data-copy-target="txtGenName" data-i18n="copy">Copy</button>
409
+ <span class="gk" data-i18n="txt_value">Value / Content:</span> <span class="gv" id="txtGenValue">v=wab1; endpoint=https://yourdomain.com/.well-known/wab.json</span> <button class="copy-btn" data-copy-target="txtGenValue" data-i18n="copy">Copy</button>
410
+ <span class="gk" data-i18n="txt_ttl">TTL:</span> <span class="gv">Auto (3600)</span> <span></span>
411
+ </div>
412
+
413
+ <p style="margin-top:14px;color:#94a3b8;font-size:0.85rem;" data-i18n="step3_propagate"><strong>Propagation time:</strong> usually 1–5 minutes. In rare cases up to 24 hours if your old record had a long TTL. Some panels prepend your domain automatically — if you see <code>_wab.yourdomain.com.yourdomain.com</code> after saving, change <strong>Name</strong> to just <code>_wab</code>.</p>
414
+ </div>
415
+
416
+ <!-- Step 4 — Diagnostic verifier -->
417
+ <div class="step-card">
418
+ <div class="step-number">4</div>
419
+ <h3 data-i18n="step4_title">Verify everything works</h3>
420
+ <p data-i18n="step4_desc">Run a full diagnostic. We check the TXT record across three public DNS resolvers, fetch your wab.json, validate its JSON, and warn about Cloudflare cache or wrong Content-Type headers. If something is off, we tell you exactly what to fix.</p>
421
+ <div style="background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:20px;margin-top:12px;">
422
+ <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;">
423
+ <input id="activateDomain" type="text" placeholder="yourdomain.com" style="flex:1;min-width:200px;padding:10px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f0f4ff;font-size:0.9rem;outline:none;">
424
+ <button id="activateVerifyBtn" style="padding:10px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:0.9rem;" data-i18n="verify_btn">Run Diagnostic</button>
425
+ </div>
426
+ <div id="activateStatus" style="margin-top:12px;color:#94a3b8;font-size:0.85rem;display:none;"></div>
427
+ <div id="activateResult" style="margin-top:14px;display:none;"></div>
428
+ </div>
429
+ <p style="margin-top:12px;color:#64748b;font-size:0.8rem;" data-i18n="step4_note">If the very first check (<em>DNS TXT record at _wab</em>) fails, give DNS another 1–2 minutes and try again — propagation is the most common culprit.</p>
430
+ </div>
431
+ </section>
432
+
433
+ <!-- ═══════════ CTA ═══════════ -->
434
+ <div style="padding:0 24px;">
435
+ <div class="verifier-cta">
436
+ <h2 data-i18n="cta_title">Your Domain is Now AI-Ready</h2>
437
+ <p data-i18n="cta_desc">Once verified, AI agents using the WAB protocol can discover your site's capabilities automatically — no manual configuration needed on their end.</p>
438
+ <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
439
+ <a href="/dns" class="btn btn-primary" data-i18n="cta_full_guide">Full DNS Guide</a>
440
+ <a href="/docs" class="btn btn-secondary" data-i18n="cta_docs">Read the Docs</a>
441
+ </div>
442
+ </div>
443
+ </div>
444
+
445
+ <script src="/js/auth-nav.js"></script>
446
+ <script src="/js/activate.js?v=3.4.1"></script>
447
+ </body>
448
+ </html>