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/one-click.html ADDED
@@ -0,0 +1,779 @@
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>One-Click Activation — Web Agent Bridge</title>
7
+ <meta name="description" content="Generate a signed WAB identity, deploy DNS via Cloudflare/Vercel/Netlify API, and verify your trust score — all in one click.">
8
+ <meta name="robots" content="index, follow">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
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.5.0">
14
+ <style>
15
+ :root {
16
+ --bg: #0a0e1a;
17
+ --panel: rgba(30,41,59,0.7);
18
+ --panel-strong: rgba(15,23,42,0.95);
19
+ --border: rgba(99,102,241,0.22);
20
+ --border-strong: rgba(99,102,241,0.55);
21
+ --text: #f0f4ff;
22
+ --muted: #94a3b8;
23
+ --accent: #6366f1;
24
+ --accent-2: #8b5cf6;
25
+ --success: #10b981;
26
+ --warn: #f59e0b;
27
+ --danger: #ef4444;
28
+ --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
29
+ }
30
+ body { background: var(--bg); color: var(--text); font-family: Inter, system-ui, sans-serif; margin: 0; min-height: 100vh; }
31
+ .hero {
32
+ padding: 110px 24px 40px;
33
+ text-align: center;
34
+ background: radial-gradient(ellipse 90% 60% at 50% 0%, rgba(99,102,241,0.22) 0%, transparent 70%);
35
+ }
36
+ .hero h1 { font-size: clamp(2rem, 4.8vw, 3.2rem); font-weight: 900; line-height: 1.08; margin: 0 0 12px; }
37
+ .hero h1 .grad { background: linear-gradient(135deg, #818cf8, #c4b5fd); -webkit-background-clip: text; background-clip: text; color: transparent; }
38
+ .hero p.lede { font-size: 1.1rem; color: var(--muted); max-width: 680px; margin: 0 auto 18px; line-height: 1.6; }
39
+ .lang-toggle { display:flex; gap:8px; justify-content:center; margin: 14px 0 6px; }
40
+ .lang-toggle button { padding: 6px 18px; border-radius: 999px; border: 1.5px solid #334155; background: transparent; color: var(--muted); cursor:pointer; font-size: 0.85rem; transition: all .15s; }
41
+ .lang-toggle button.active { background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; color:#fff; font-weight:600; }
42
+
43
+ .wizard { max-width: 920px; margin: 0 auto 80px; padding: 0 22px; }
44
+ .step {
45
+ background: var(--panel);
46
+ border: 1px solid var(--border);
47
+ border-radius: 18px;
48
+ padding: 26px 28px;
49
+ margin-bottom: 22px;
50
+ position: relative;
51
+ transition: border-color .2s, box-shadow .2s;
52
+ }
53
+ .step.active { border-color: var(--border-strong); box-shadow: 0 0 0 4px rgba(99,102,241,0.08); }
54
+ .step.disabled { opacity: 0.5; pointer-events: none; }
55
+ .step-head { display:flex; align-items:center; gap: 14px; margin-bottom: 14px; }
56
+ .step-num { width: 34px; height: 34px; border-radius: 50%; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg, var(--accent), var(--accent-2)); font-weight: 800; font-size: 0.95rem; flex-shrink:0; }
57
+ .step.done .step-num { background: linear-gradient(135deg, #10b981, #059669); }
58
+ .step-head h2 { font-size: 1.2rem; font-weight: 700; margin: 0; color: #e2e8f0; }
59
+ .step-head .check { color: var(--success); font-weight: 700; margin-inline-start: auto; font-size: 0.9rem; display:none; }
60
+ .step.done .step-head .check { display: inline; }
61
+
62
+ .field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
63
+ .field label { font-size: 0.82rem; color: var(--muted); font-weight: 600; letter-spacing: 0.02em; }
64
+ .field input[type=text], .field input[type=password], .field textarea {
65
+ width: 100%; box-sizing: border-box;
66
+ background: #0f172a; border: 1.5px solid #1e293b; color: var(--text);
67
+ padding: 12px 14px; border-radius: 10px; font-family: var(--mono); font-size: 0.92rem;
68
+ transition: border-color .15s;
69
+ }
70
+ .field input:focus, .field textarea:focus { outline: none; border-color: var(--accent); }
71
+ .field .hint { font-size: 0.78rem; color: var(--muted); margin-top: 2px; }
72
+
73
+ .btn {
74
+ display: inline-flex; align-items: center; justify-content: center; gap: 8px;
75
+ padding: 11px 22px; border-radius: 10px; border: none; cursor: pointer;
76
+ font-family: inherit; font-size: 0.95rem; font-weight: 600;
77
+ background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff;
78
+ transition: transform .1s, opacity .15s, box-shadow .15s;
79
+ }
80
+ .btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(99,102,241,0.35); }
81
+ .btn:active { transform: translateY(0); }
82
+ .btn:disabled { opacity: 0.55; cursor: not-allowed; }
83
+ .btn.secondary { background: #1e293b; border: 1px solid #334155; }
84
+ .btn.secondary:hover:not(:disabled) { background: #273549; }
85
+ .btn.ghost { background: transparent; border: 1.5px solid #334155; color: var(--muted); }
86
+ .btn.success { background: linear-gradient(135deg, #10b981, #059669); }
87
+ .btn.danger { background: linear-gradient(135deg, #ef4444, #dc2626); }
88
+ .btn-row { display:flex; flex-wrap: wrap; gap: 10px; }
89
+
90
+ .code-block {
91
+ position: relative;
92
+ background: #0f172a; border: 1px solid #1e293b; border-radius: 10px;
93
+ padding: 14px 50px 14px 16px;
94
+ font-family: var(--mono); font-size: 0.82rem; color: #a5f3fc;
95
+ overflow-x: auto; white-space: pre-wrap; word-break: break-all;
96
+ margin-top: 8px;
97
+ }
98
+ .code-block .copy-btn {
99
+ position: absolute; top: 8px; inset-inline-end: 8px;
100
+ padding: 4px 10px; font-size: 0.72rem;
101
+ background: #1e293b; color: var(--muted); border: 1px solid #334155;
102
+ border-radius: 6px; cursor: pointer; font-family: inherit; transition: all .15s;
103
+ }
104
+ .code-block .copy-btn:hover { background: #273549; color: #fff; }
105
+ .code-block .copy-btn.copied { background: var(--success); color: #fff; border-color: transparent; }
106
+
107
+ .keypair-card {
108
+ background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(139,92,246,0.05));
109
+ border: 1px solid rgba(99,102,241,0.3);
110
+ border-radius: 14px; padding: 16px 18px; margin-top: 10px;
111
+ }
112
+ .keypair-card .kp-row { display:flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; flex-wrap: wrap; }
113
+ .keypair-card .kp-row:last-child { margin-bottom: 0; }
114
+ .keypair-card .kp-label { min-width: 110px; font-size: 0.78rem; color: var(--muted); font-weight: 600; padding-top: 6px; }
115
+ .keypair-card .kp-val { flex: 1 1 320px; }
116
+ .private-warning {
117
+ background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.35);
118
+ border-radius: 10px; padding: 12px 14px; margin: 10px 0;
119
+ font-size: 0.85rem; color: #fca5a5;
120
+ }
121
+ .private-warning strong { color: #fecaca; }
122
+
123
+ .tabs { display:flex; flex-wrap: wrap; gap: 4px; margin: 18px 0 12px; border-bottom: 1px solid #1e293b; padding-bottom: 4px; }
124
+ .tab {
125
+ padding: 9px 14px; cursor: pointer; border: none; background: transparent;
126
+ color: var(--muted); font-family: inherit; font-size: 0.88rem; font-weight: 600;
127
+ border-radius: 8px 8px 0 0; border-bottom: 2px solid transparent;
128
+ transition: all .15s;
129
+ }
130
+ .tab:hover { color: #e2e8f0; }
131
+ .tab.active { color: #fff; border-bottom-color: var(--accent); background: rgba(99,102,241,0.08); }
132
+ .tab-content { display: none; padding: 6px 0; }
133
+ .tab-content.active { display: block; }
134
+
135
+ .provider-info {
136
+ background: rgba(15,23,42,0.6); border-left: 3px solid var(--accent);
137
+ padding: 12px 16px; border-radius: 0 8px 8px 0; margin-bottom: 14px;
138
+ font-size: 0.88rem; color: #cbd5e1; line-height: 1.6;
139
+ }
140
+ .provider-info a { color: #a5b4fc; text-decoration: none; border-bottom: 1px dashed rgba(165,180,252,0.4); }
141
+ .provider-info a:hover { border-bottom-style: solid; }
142
+ .provider-info ol { margin: 8px 0 0 18px; padding: 0; }
143
+ .provider-info li { margin: 4px 0; }
144
+
145
+ .verify-result { margin-top: 14px; }
146
+ .gauge-card {
147
+ background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(139,92,246,0.04));
148
+ border: 1px solid var(--border); border-radius: 14px;
149
+ padding: 20px; display:flex; gap: 22px; align-items: center; flex-wrap: wrap;
150
+ }
151
+ .gauge { width: 110px; height: 110px; position: relative; flex-shrink: 0; }
152
+ .gauge svg { transform: rotate(-90deg); width: 100%; height: 100%; }
153
+ .gauge .track { fill:none; stroke: #1e293b; stroke-width: 10; }
154
+ .gauge .fill { fill:none; stroke-width: 10; stroke-linecap: round; transition: stroke-dashoffset .8s ease; }
155
+ .gauge .label { position: absolute; inset: 0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
156
+ .gauge .label .num { font-size: 1.6rem; font-weight: 800; }
157
+ .gauge .label .total { font-size: 0.72rem; color: var(--muted); }
158
+ .gauge-meta { flex: 1 1 240px; }
159
+ .gauge-meta h3 { margin: 0 0 4px; font-size: 1.4rem; font-weight: 800; text-transform: capitalize; }
160
+ .gauge-meta .domain-label { font-family: var(--mono); font-size: 0.8rem; color: var(--muted); margin-bottom: 12px; }
161
+ .checks-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
162
+ .check-row { display:flex; align-items: center; gap: 8px; font-size: 0.85rem; padding: 5px 0; }
163
+ .check-row .ic { width: 18px; height: 18px; border-radius: 50%; display:flex; align-items:center; justify-content:center; font-size: 0.7rem; font-weight: 800; flex-shrink:0; }
164
+ .check-row.ok .ic { background: var(--success); color: #fff; }
165
+ .check-row.no .ic { background: #475569; color: #fff; }
166
+ .findings { margin-top: 14px; }
167
+ .findings .finding { font-size: 0.82rem; padding: 6px 12px; background: rgba(245,158,11,0.08); border-left: 2px solid var(--warn); margin-bottom: 4px; border-radius: 0 6px 6px 0; color: #fde68a; }
168
+
169
+ .badge-row { display:flex; gap: 10px; flex-wrap: wrap; margin: 12px 0; }
170
+ .badge-pill {
171
+ display:inline-flex; align-items:center; gap: 6px;
172
+ padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
173
+ background: #1e293b; border: 1px solid #334155;
174
+ }
175
+ .badge-pill.ok { background: rgba(16,185,129,0.12); border-color: rgba(16,185,129,0.4); color: #6ee7b7; }
176
+ .badge-pill.warn { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.4); color: #fcd34d; }
177
+
178
+ .toast {
179
+ position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(80px);
180
+ background: var(--panel-strong); border: 1px solid var(--border-strong);
181
+ color: #fff; padding: 12px 22px; border-radius: 12px;
182
+ font-size: 0.9rem; transition: transform .25s, opacity .25s; opacity: 0;
183
+ box-shadow: 0 10px 30px rgba(0,0,0,0.4); z-index: 1000; max-width: 90vw;
184
+ }
185
+ .toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
186
+ .toast.error { border-color: rgba(239,68,68,0.5); }
187
+ .toast.success { border-color: rgba(16,185,129,0.5); }
188
+
189
+ .spin { width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; display:inline-block; animation: spin 0.8s linear infinite; }
190
+ @keyframes spin { to { transform: rotate(360deg); } }
191
+
192
+ .deploy-result { margin-top: 12px; padding: 12px 14px; border-radius: 10px; font-size: 0.88rem; line-height: 1.6; }
193
+ .deploy-result.ok { background: rgba(16,185,129,0.08); border: 1px solid rgba(16,185,129,0.4); color: #a7f3d0; }
194
+ .deploy-result.err { background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.4); color: #fca5a5; }
195
+ .deploy-result pre { font-family: var(--mono); font-size: 0.78rem; background: rgba(0,0,0,0.25); padding: 8px; border-radius: 6px; overflow-x: auto; margin: 8px 0 0; }
196
+
197
+ details { margin-top: 10px; }
198
+ details summary { cursor: pointer; color: var(--muted); font-size: 0.85rem; padding: 4px 0; }
199
+ details summary:hover { color: #e2e8f0; }
200
+
201
+ [dir="rtl"] .step-head { text-align: right; }
202
+ [dir="rtl"] .code-block .copy-btn { inset-inline-end: 8px; }
203
+ [dir="rtl"] body { font-family: 'Tajawal', Inter, system-ui, sans-serif; }
204
+
205
+ @media (max-width: 640px) {
206
+ .step { padding: 20px 18px; }
207
+ .keypair-card .kp-label { min-width: auto; padding-top: 0; }
208
+ .gauge-card { flex-direction: column; text-align: center; }
209
+ }
210
+ </style>
211
+ </head>
212
+ <body>
213
+ <header class="site-header" style="position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(12px);background:rgba(10,14,26,0.75);border-bottom:1px solid rgba(99,102,241,0.12);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;">
214
+ <a href="/" style="font-weight:800;font-size:1.05rem;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;">
215
+ <span style="background:linear-gradient(135deg,#6366f1,#8b5cf6);width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:0.85rem;">W</span>
216
+ Web Agent Bridge
217
+ </a>
218
+ <nav style="display:flex;gap:14px;font-size:0.88rem;">
219
+ <a href="/dns" style="color:#94a3b8;text-decoration:none;">DNS Discovery</a>
220
+ <a href="/activate" style="color:#94a3b8;text-decoration:none;">Manual Guide</a>
221
+ <a href="https://github.com/webagentbridge" style="color:#94a3b8;text-decoration:none;">GitHub</a>
222
+ </nav>
223
+ </header>
224
+
225
+ <section class="hero">
226
+ <div class="lang-toggle">
227
+ <button id="lang-en" class="active" data-lang="en">English</button>
228
+ <button id="lang-ar" data-lang="ar">العربية</button>
229
+ </div>
230
+ <h1><span data-i18n="hero.title.a">Activate WAB in</span> <span class="grad" data-i18n="hero.title.b">One Click</span></h1>
231
+ <p class="lede" data-i18n="hero.lede">Generate a signed cryptographic identity, deploy DNS via Cloudflare/Vercel/Netlify API, and reach Gold trust in under 60 seconds. No CA. No paperwork. No vendor lock-in.</p>
232
+ <div class="badge-row" style="justify-content:center;">
233
+ <span class="badge-pill ok"><span>🔐</span> <span data-i18n="hero.pill1">Ed25519 signed</span></span>
234
+ <span class="badge-pill ok"><span>🌐</span> <span data-i18n="hero.pill2">DNS-rooted</span></span>
235
+ <span class="badge-pill ok"><span>⚡</span> <span data-i18n="hero.pill3">Provider API integrated</span></span>
236
+ </div>
237
+ </section>
238
+
239
+ <main class="wizard">
240
+
241
+ <!-- STEP 1 -->
242
+ <section class="step active" id="step-1">
243
+ <div class="step-head">
244
+ <div class="step-num">1</div>
245
+ <h2 data-i18n="step1.title">Enter your domain</h2>
246
+ <span class="check">✓</span>
247
+ </div>
248
+ <div class="field">
249
+ <label for="domain-input" data-i18n="step1.label">Domain</label>
250
+ <input type="text" id="domain-input" placeholder="example.com" autocomplete="off" spellcheck="false">
251
+ <div class="hint" data-i18n="step1.hint">Use the apex domain (example.com), not www. We will also generate a record for www. automatically.</div>
252
+ </div>
253
+ <details>
254
+ <summary data-i18n="step1.advanced">Advanced options</summary>
255
+ <div class="field" style="margin-top:10px;">
256
+ <label for="endpoint-input" data-i18n="step1.endpoint">Manifest URL (optional override)</label>
257
+ <input type="text" id="endpoint-input" placeholder="https://example.com/.well-known/wab.json" autocomplete="off" spellcheck="false">
258
+ <div class="hint" data-i18n="step1.endpoint.hint">Defaults to https://&lt;domain&gt;/.well-known/wab.json</div>
259
+ </div>
260
+ </details>
261
+ <div class="btn-row" style="margin-top:14px;">
262
+ <button id="btn-generate" class="btn">
263
+ <span data-i18n="step1.btn">Generate My WAB Identity</span> →
264
+ </button>
265
+ </div>
266
+ </section>
267
+
268
+ <!-- STEP 2 -->
269
+ <section class="step disabled" id="step-2">
270
+ <div class="step-head">
271
+ <div class="step-num">2</div>
272
+ <h2 data-i18n="step2.title">Your signed identity</h2>
273
+ <span class="check">✓</span>
274
+ </div>
275
+ <div id="identity-body" style="display:none;">
276
+ <div class="keypair-card">
277
+ <div class="kp-row">
278
+ <div class="kp-label" data-i18n="step2.fp">Key ID</div>
279
+ <div class="kp-val"><code id="out-fp" style="font-family:var(--mono);color:#a5f3fc;font-size:0.85rem;"></code></div>
280
+ </div>
281
+ <div class="kp-row">
282
+ <div class="kp-label" data-i18n="step2.pk">Public key</div>
283
+ <div class="kp-val">
284
+ <div class="code-block" id="out-pk-block"><span id="out-pk"></span><button class="copy-btn" data-copy="out-pk">Copy</button></div>
285
+ </div>
286
+ </div>
287
+ <div class="kp-row">
288
+ <div class="kp-label" data-i18n="step2.sk">Private key</div>
289
+ <div class="kp-val">
290
+ <div class="code-block" id="out-sk-block"><span id="out-sk"></span><button class="copy-btn" data-copy="out-sk">Copy</button></div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ <div class="private-warning">
295
+ <strong data-i18n="step2.warn.title">⚠ Save the private key now.</strong>
296
+ <span data-i18n="step2.warn.body"> It is shown ONCE. You'll need it to re-sign the manifest in the future. We do not store it after this session ends.</span>
297
+ <div class="btn-row" style="margin-top:10px;">
298
+ <button class="btn secondary" id="btn-download-sk"><span data-i18n="step2.dl.sk">Download key.pem</span></button>
299
+ <button class="btn secondary" id="btn-download-manifest"><span data-i18n="step2.dl.manifest">Download wab.json</span></button>
300
+ <button class="btn secondary" id="btn-download-worker"><span data-i18n="step2.dl.worker">Download Cloudflare Worker</span></button>
301
+ </div>
302
+ </div>
303
+
304
+ <div class="field" style="margin-top:18px;">
305
+ <label data-i18n="step2.txt">DNS TXT record value</label>
306
+ <div class="code-block" id="out-txt-block"><span id="out-txt"></span><button class="copy-btn" data-copy="out-txt">Copy</button></div>
307
+ <div class="hint" id="out-txt-records-hint"></div>
308
+ </div>
309
+
310
+ <details>
311
+ <summary data-i18n="step2.preview">Preview signed wab.json</summary>
312
+ <div class="code-block" id="out-manifest-block" style="max-height:320px;overflow:auto;"><span id="out-manifest"></span><button class="copy-btn" data-copy="out-manifest">Copy</button></div>
313
+ </details>
314
+ </div>
315
+ </section>
316
+
317
+ <!-- STEP 3 -->
318
+ <section class="step disabled" id="step-3">
319
+ <div class="step-head">
320
+ <div class="step-num">3</div>
321
+ <h2 data-i18n="step3.title">Deploy to DNS</h2>
322
+ <span class="check">✓</span>
323
+ </div>
324
+ <p style="color:var(--muted);margin: 0 0 10px;font-size: 0.95rem;" data-i18n="step3.lede">Choose your DNS provider. We'll call its API server-side using a token you paste here. <strong>The token is never stored</strong> — it's used for a single request.</p>
325
+
326
+ <div class="tabs" role="tablist">
327
+ <button class="tab active" data-tab="cf">Cloudflare</button>
328
+ <button class="tab" data-tab="vercel">Vercel</button>
329
+ <button class="tab" data-tab="netlify">Netlify</button>
330
+ <button class="tab" data-tab="manual" data-i18n="step3.tab.manual">Other / Manual</button>
331
+ </div>
332
+
333
+ <!-- Cloudflare -->
334
+ <div class="tab-content active" data-tab-content="cf">
335
+ <div class="provider-info">
336
+ <strong>Cloudflare</strong> <span data-i18n="step3.cf.lede">→ Use a scoped API token to add the TXT record automatically.</span>
337
+ <ol>
338
+ <li><span data-i18n="step3.cf.s1">Open</span> <a href="https://dash.cloudflare.com/profile/api-tokens" target="_blank" rel="noopener">Cloudflare → My Profile → API Tokens</a></li>
339
+ <li><span data-i18n="step3.cf.s2">Create token → Template: Edit Zone DNS → select your zone → Continue → Create</span></li>
340
+ <li><span data-i18n="step3.cf.s3">Paste the token below. It is sent once and discarded.</span></li>
341
+ </ol>
342
+ </div>
343
+ <div class="field">
344
+ <label for="cf-token">Cloudflare API Token</label>
345
+ <input type="password" id="cf-token" placeholder="paste token" autocomplete="off" spellcheck="false">
346
+ <div class="hint" data-i18n="step3.cf.hint">Required permission: Zone → DNS → Edit on the target zone.</div>
347
+ </div>
348
+ <div class="btn-row">
349
+ <button class="btn" id="btn-cf-deploy"><span data-i18n="step3.deploy.btn">Deploy DNS records</span> →</button>
350
+ </div>
351
+ <div id="cf-result"></div>
352
+ </div>
353
+
354
+ <!-- Vercel -->
355
+ <div class="tab-content" data-tab-content="vercel">
356
+ <div class="provider-info">
357
+ <strong>Vercel</strong> <span data-i18n="step3.vercel.lede">→ Only works if your domain uses Vercel DNS nameservers.</span>
358
+ <ol>
359
+ <li><span data-i18n="step3.vercel.s1">Open</span> <a href="https://vercel.com/account/tokens" target="_blank" rel="noopener">Vercel → Account → Tokens</a></li>
360
+ <li><span data-i18n="step3.vercel.s2">Create a token (full account or team scope)</span></li>
361
+ </ol>
362
+ </div>
363
+ <div class="field">
364
+ <label for="vercel-token">Vercel API Token</label>
365
+ <input type="password" id="vercel-token" autocomplete="off" spellcheck="false">
366
+ </div>
367
+ <div class="field">
368
+ <label for="vercel-team">Team ID (optional)</label>
369
+ <input type="text" id="vercel-team" placeholder="team_xxx" autocomplete="off" spellcheck="false">
370
+ </div>
371
+ <div class="btn-row">
372
+ <button class="btn" id="btn-vercel-deploy"><span data-i18n="step3.deploy.btn">Deploy DNS records</span> →</button>
373
+ </div>
374
+ <div id="vercel-result"></div>
375
+ </div>
376
+
377
+ <!-- Netlify -->
378
+ <div class="tab-content" data-tab-content="netlify">
379
+ <div class="provider-info">
380
+ <strong>Netlify</strong> <span data-i18n="step3.netlify.lede">→ Requires the domain to use Netlify DNS.</span>
381
+ <ol>
382
+ <li><a href="https://app.netlify.com/user/applications#personal-access-tokens" target="_blank" rel="noopener">Netlify → User settings → OAuth → Personal access tokens</a></li>
383
+ <li><span data-i18n="step3.netlify.s2">Generate a new token</span></li>
384
+ </ol>
385
+ </div>
386
+ <div class="field">
387
+ <label for="netlify-token">Netlify Personal Access Token</label>
388
+ <input type="password" id="netlify-token" autocomplete="off" spellcheck="false">
389
+ </div>
390
+ <div class="btn-row">
391
+ <button class="btn" id="btn-netlify-deploy"><span data-i18n="step3.deploy.btn">Deploy DNS records</span> →</button>
392
+ </div>
393
+ <div id="netlify-result"></div>
394
+ </div>
395
+
396
+ <!-- Manual -->
397
+ <div class="tab-content" data-tab-content="manual">
398
+ <div class="provider-info">
399
+ <strong data-i18n="step3.manual.title">Other providers (GoDaddy, Namecheap, Route53, Plesk, cPanel…)</strong><br>
400
+ <span data-i18n="step3.manual.lede">Copy the TXT records below and paste them into your DNS control panel. Each provider has its own UI, but the values are the same.</span>
401
+ </div>
402
+ <div id="manual-records"></div>
403
+ <div class="btn-row" style="margin-top:12px;">
404
+ <a class="btn secondary" href="/activate" target="_blank" data-i18n="step3.manual.guides">Step-by-step provider guides →</a>
405
+ </div>
406
+ </div>
407
+ </section>
408
+
409
+ <!-- STEP 4 -->
410
+ <section class="step disabled" id="step-4">
411
+ <div class="step-head">
412
+ <div class="step-num">4</div>
413
+ <h2 data-i18n="step4.title">Verify trust score</h2>
414
+ <span class="check">✓</span>
415
+ </div>
416
+ <p style="color:var(--muted);margin:0 0 12px;font-size:0.94rem;" data-i18n="step4.lede">DNS propagation typically takes 1–5 minutes. Click Verify to run the public trust scorer against your domain.</p>
417
+ <div class="btn-row">
418
+ <button class="btn" id="btn-verify"><span data-i18n="step4.btn">Verify now</span></button>
419
+ <button class="btn ghost" id="btn-verify-recheck" style="display:none;"><span data-i18n="step4.recheck">Re-check</span></button>
420
+ </div>
421
+ <div class="verify-result" id="verify-result"></div>
422
+ </section>
423
+
424
+ </main>
425
+
426
+ <div id="toast" class="toast"></div>
427
+
428
+ <script>
429
+ 'use strict';
430
+
431
+ // ─────────── i18n ───────────
432
+ const I18N = {
433
+ en: {
434
+ 'hero.title.a': 'Activate WAB in',
435
+ 'hero.title.b': 'One Click',
436
+ 'hero.lede': 'Generate a signed cryptographic identity, deploy DNS via Cloudflare/Vercel/Netlify API, and reach Gold trust in under 60 seconds. No CA. No paperwork. No vendor lock-in.',
437
+ 'hero.pill1': 'Ed25519 signed',
438
+ 'hero.pill2': 'DNS-rooted',
439
+ 'hero.pill3': 'Provider API integrated',
440
+ 'step1.title': 'Enter your domain',
441
+ 'step1.label': 'Domain',
442
+ 'step1.hint': 'Use the apex domain (example.com), not www. We will also generate a record for www. automatically.',
443
+ 'step1.advanced': 'Advanced options',
444
+ 'step1.endpoint': 'Manifest URL (optional override)',
445
+ 'step1.endpoint.hint': 'Defaults to https://<domain>/.well-known/wab.json',
446
+ 'step1.btn': 'Generate My WAB Identity',
447
+ 'step2.title': 'Your signed identity',
448
+ 'step2.fp': 'Key ID',
449
+ 'step2.pk': 'Public key',
450
+ 'step2.sk': 'Private key',
451
+ 'step2.warn.title': '⚠ Save the private key now.',
452
+ 'step2.warn.body': ' It is shown ONCE. You will need it to re-sign the manifest in the future. We do not store it after this session ends.',
453
+ 'step2.dl.sk': 'Download key.pem',
454
+ 'step2.dl.manifest': 'Download wab.json',
455
+ 'step2.dl.worker': 'Download Cloudflare Worker',
456
+ 'step2.txt': 'DNS TXT record value',
457
+ 'step2.preview': 'Preview signed wab.json',
458
+ 'step3.title': 'Deploy to DNS',
459
+ 'step3.lede': 'Choose your DNS provider. We will call its API server-side using a token you paste here.',
460
+ 'step3.tab.manual': 'Other / Manual',
461
+ 'step3.cf.lede': '→ Use a scoped API token to add the TXT record automatically.',
462
+ 'step3.cf.s1': 'Open',
463
+ 'step3.cf.s2': 'Create token → Template: Edit Zone DNS → select your zone → Continue → Create',
464
+ 'step3.cf.s3': 'Paste the token below. It is sent once and discarded.',
465
+ 'step3.cf.hint': 'Required permission: Zone → DNS → Edit on the target zone.',
466
+ 'step3.vercel.lede': '→ Only works if your domain uses Vercel DNS nameservers.',
467
+ 'step3.vercel.s1': 'Open',
468
+ 'step3.vercel.s2': 'Create a token (full account or team scope)',
469
+ 'step3.netlify.lede': '→ Requires the domain to use Netlify DNS.',
470
+ 'step3.netlify.s2': 'Generate a new token',
471
+ 'step3.deploy.btn': 'Deploy DNS records',
472
+ 'step3.manual.title': 'Other providers (GoDaddy, Namecheap, Route53, Plesk, cPanel…)',
473
+ 'step3.manual.lede': 'Copy the TXT records below and paste them into your DNS control panel. Each provider has its own UI, but the values are the same.',
474
+ 'step3.manual.guides': 'Step-by-step provider guides →',
475
+ 'step4.title': 'Verify trust score',
476
+ 'step4.lede': 'DNS propagation typically takes 1–5 minutes. Click Verify to run the public trust scorer against your domain.',
477
+ 'step4.btn': 'Verify now',
478
+ 'step4.recheck': 'Re-check',
479
+ },
480
+ ar: {
481
+ 'hero.title.a': 'فعّل WAB بـ',
482
+ 'hero.title.b': 'نقرة واحدة',
483
+ 'hero.lede': 'أنشئ هوية تشفير موقّعة، انشر سجلات DNS عبر API لـ Cloudflare/Vercel/Netlify، واحصل على تقييم Gold خلال أقل من 60 ثانية. بدون CA، بدون أوراق، بدون قيود مزوّد.',
484
+ 'hero.pill1': 'موقّع بـ Ed25519',
485
+ 'hero.pill2': 'متجذّر في DNS',
486
+ 'hero.pill3': 'متكامل مع API المزوّدين',
487
+ 'step1.title': 'أدخل اسم النطاق',
488
+ 'step1.label': 'النطاق',
489
+ 'step1.hint': 'استخدم الجذر (example.com) لا www. سنُنشئ سجلًا لـ www. تلقائياً.',
490
+ 'step1.advanced': 'خيارات متقدمة',
491
+ 'step1.endpoint': 'رابط الـ Manifest (اختياري)',
492
+ 'step1.endpoint.hint': 'افتراضياً https://<domain>/.well-known/wab.json',
493
+ 'step1.btn': 'أنشئ هويتي الآن',
494
+ 'step2.title': 'هويتك الموقّعة',
495
+ 'step2.fp': 'معرّف المفتاح',
496
+ 'step2.pk': 'المفتاح العام',
497
+ 'step2.sk': 'المفتاح الخاص',
498
+ 'step2.warn.title': '⚠ احفظ المفتاح الخاص الآن.',
499
+ 'step2.warn.body': ' سيُعرض مرّة واحدة فقط. تحتاجه لاحقاً لإعادة التوقيع. نحن لا نحفظه بعد انتهاء هذه الجلسة.',
500
+ 'step2.dl.sk': 'تنزيل key.pem',
501
+ 'step2.dl.manifest': 'تنزيل wab.json',
502
+ 'step2.dl.worker': 'تنزيل Cloudflare Worker',
503
+ 'step2.txt': 'قيمة سجل DNS TXT',
504
+ 'step2.preview': 'معاينة wab.json الموقّع',
505
+ 'step3.title': 'انشر إلى DNS',
506
+ 'step3.lede': 'اختر مزوّد DNS. سنستدعي API الخاص به من جهة الخادم باستخدام رمز تلصقه هنا. الرمز لا يُحفظ.',
507
+ 'step3.tab.manual': 'أخرى / يدوي',
508
+ 'step3.cf.lede': '← استخدم API Token محدود الصلاحية لإضافة سجل TXT تلقائياً.',
509
+ 'step3.cf.s1': 'افتح',
510
+ 'step3.cf.s2': 'إنشاء رمز ← قالب: Edit Zone DNS ← اختر منطقتك ← Continue ← Create',
511
+ 'step3.cf.s3': 'الصق الرمز أدناه. سيُرسل مرة واحدة ثم يُحذف.',
512
+ 'step3.cf.hint': 'الصلاحية المطلوبة: Zone → DNS → Edit على المنطقة المستهدفة.',
513
+ 'step3.vercel.lede': '← يعمل فقط إذا كان النطاق يستخدم Vercel DNS.',
514
+ 'step3.vercel.s1': 'افتح',
515
+ 'step3.vercel.s2': 'أنشئ رمزاً (نطاق حساب أو فريق)',
516
+ 'step3.netlify.lede': '← يتطلّب استخدام Netlify DNS للنطاق.',
517
+ 'step3.netlify.s2': 'أنشئ رمزاً جديداً',
518
+ 'step3.deploy.btn': 'انشر سجلات DNS',
519
+ 'step3.manual.title': 'مزوّدون آخرون (GoDaddy, Namecheap, Route53, Plesk, cPanel…)',
520
+ 'step3.manual.lede': 'انسخ سجلات TXT أدناه والصقها في لوحة تحكم DNS لديك. الواجهة تختلف، لكن القيم واحدة.',
521
+ 'step3.manual.guides': 'دلائل مفصّلة لكل مزوّد ←',
522
+ 'step4.title': 'تحقق من تقييم الثقة',
523
+ 'step4.lede': 'انتشار DNS يستغرق عادة 1-5 دقائق. اضغط للتحقق لتشغيل أداة قياس الثقة العامة.',
524
+ 'step4.btn': 'تحقّق الآن',
525
+ 'step4.recheck': 'إعادة الفحص',
526
+ }
527
+ };
528
+ function applyLang(lang) {
529
+ document.documentElement.lang = lang;
530
+ document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';
531
+ const dict = I18N[lang] || I18N.en;
532
+ document.querySelectorAll('[data-i18n]').forEach(el => {
533
+ const k = el.getAttribute('data-i18n');
534
+ if (dict[k]) el.textContent = dict[k];
535
+ });
536
+ document.querySelectorAll('.lang-toggle button').forEach(b => b.classList.toggle('active', b.dataset.lang === lang));
537
+ try { localStorage.setItem('wab-oneclick-lang', lang); } catch (_) {}
538
+ }
539
+ document.querySelectorAll('.lang-toggle button').forEach(b => b.addEventListener('click', () => applyLang(b.dataset.lang)));
540
+ applyLang((() => { try { return localStorage.getItem('wab-oneclick-lang') || (navigator.language.startsWith('ar') ? 'ar' : 'en'); } catch (_) { return 'en'; } })());
541
+
542
+ // ─────────── helpers ───────────
543
+ function $(sel) { return document.querySelector(sel); }
544
+ function toast(msg, kind) {
545
+ const t = $('#toast');
546
+ t.textContent = msg;
547
+ t.className = 'toast show' + (kind ? ' ' + kind : '');
548
+ clearTimeout(toast._h);
549
+ toast._h = setTimeout(() => { t.className = 'toast'; }, 3000);
550
+ }
551
+ function unlock(stepId) {
552
+ const s = document.getElementById(stepId);
553
+ s.classList.remove('disabled');
554
+ s.classList.add('active');
555
+ }
556
+ function markDone(stepId) {
557
+ const s = document.getElementById(stepId);
558
+ s.classList.add('done');
559
+ s.classList.remove('active');
560
+ }
561
+ function downloadBlob(filename, content, mime) {
562
+ const blob = new Blob([content], { type: mime || 'text/plain' });
563
+ const url = URL.createObjectURL(blob);
564
+ const a = document.createElement('a');
565
+ a.href = url; a.download = filename; a.click();
566
+ setTimeout(() => URL.revokeObjectURL(url), 1000);
567
+ }
568
+ function rawToPem(rawB64, label) {
569
+ // Wrap raw base64 (32 bytes) as a comment + base64 PEM-like file.
570
+ // The real DER prefix isn't included to keep the file simple; we annotate it.
571
+ return [
572
+ `-----BEGIN ${label}-----`,
573
+ rawB64.match(/.{1,64}/g).join('\n'),
574
+ `-----END ${label}-----`,
575
+ '',
576
+ '# WAB Ed25519 raw private key (32 bytes, base64).',
577
+ '# Re-sign with: node scripts/sign-wab-domain.js <domain>',
578
+ '# Generated: ' + new Date().toISOString(),
579
+ ].join('\n');
580
+ }
581
+
582
+ // Copy buttons
583
+ document.addEventListener('click', (e) => {
584
+ const btn = e.target.closest('.copy-btn');
585
+ if (!btn) return;
586
+ const id = btn.getAttribute('data-copy');
587
+ const el = document.getElementById(id);
588
+ const text = el ? el.textContent : '';
589
+ navigator.clipboard.writeText(text).then(() => {
590
+ btn.classList.add('copied');
591
+ btn.textContent = '✓';
592
+ setTimeout(() => { btn.classList.remove('copied'); btn.textContent = 'Copy'; }, 1500);
593
+ }).catch(() => toast('Copy failed', 'error'));
594
+ });
595
+
596
+ // Tab switching
597
+ document.querySelectorAll('.tab').forEach(t => t.addEventListener('click', () => {
598
+ const key = t.dataset.tab;
599
+ document.querySelectorAll('.tab').forEach(x => x.classList.toggle('active', x === t));
600
+ document.querySelectorAll('[data-tab-content]').forEach(x => x.classList.toggle('active', x.dataset.tabContent === key));
601
+ }));
602
+
603
+ // ─────────── state ───────────
604
+ let session = null;
605
+
606
+ // ─────────── Step 1: generate ───────────
607
+ async function withButtonLoading(btn, fn) {
608
+ const orig = btn.innerHTML;
609
+ btn.disabled = true;
610
+ btn.innerHTML = '<span class="spin"></span> ' + (btn.textContent.trim() || '');
611
+ try { return await fn(); }
612
+ finally { btn.disabled = false; btn.innerHTML = orig; }
613
+ }
614
+ $('#btn-generate').addEventListener('click', async () => {
615
+ const domain = $('#domain-input').value.trim().toLowerCase().replace(/^https?:\/\//, '').replace(/\/.*$/, '');
616
+ if (!domain || !/\./.test(domain)) { toast('Enter a valid domain', 'error'); return; }
617
+ $('#domain-input').value = domain;
618
+ const endpoint = $('#endpoint-input').value.trim() || undefined;
619
+ await withButtonLoading($('#btn-generate'), async () => {
620
+ const r = await fetch('/api/activate/prepare', {
621
+ method: 'POST',
622
+ headers: { 'Content-Type': 'application/json' },
623
+ body: JSON.stringify({ domain, endpoint, capabilities: { shieldqr: true, shieldlink: true } }),
624
+ });
625
+ const data = await r.json();
626
+ if (!r.ok) { toast(data.error + ': ' + (data.detail || ''), 'error'); return; }
627
+ session = data;
628
+ renderIdentity(data);
629
+ markDone('step-1');
630
+ unlock('step-2');
631
+ unlock('step-3');
632
+ unlock('step-4');
633
+ $('#step-2').scrollIntoView({ behavior: 'smooth', block: 'start' });
634
+ toast('Identity created', 'success');
635
+ });
636
+ });
637
+
638
+ function renderIdentity(d) {
639
+ $('#identity-body').style.display = 'block';
640
+ $('#out-fp').textContent = d.key.fingerprint;
641
+ $('#out-pk').textContent = d.key.public_key;
642
+ $('#out-sk').textContent = d.key.private_key;
643
+ $('#out-txt').textContent = d.txt_value;
644
+ $('#out-manifest').textContent = JSON.stringify(d.manifest, null, 2);
645
+
646
+ // TXT records hint
647
+ const lines = d.txt_records.map(r => `${r.name} → TXT → (value above)`);
648
+ $('#out-txt-records-hint').innerHTML = 'Add to these names: <code style="color:#a5b4fc;font-family:var(--mono);">' + lines.join('</code> &nbsp; <code style="color:#a5b4fc;font-family:var(--mono);">') + '</code>';
649
+
650
+ // Manual records panel
651
+ const manual = d.txt_records.map(r => `
652
+ <div class="field" style="margin-bottom:14px;">
653
+ <label>${r.name}</label>
654
+ <div class="code-block" id="manual-rec-${btoa(r.name).replace(/=/g,'')}"><span>${r.value}</span><button class="copy-btn" data-copy="manual-rec-${btoa(r.name).replace(/=/g,'')}">Copy</button></div>
655
+ <div class="hint">Type: TXT · TTL: 300 (or default)</div>
656
+ </div>`).join('');
657
+ $('#manual-records').innerHTML = manual;
658
+
659
+ // Download handlers
660
+ $('#btn-download-sk').onclick = () => downloadBlob(`${d.domain}-wab-key.pem`, rawToPem(d.key.private_key, 'WAB ED25519 PRIVATE KEY'), 'application/x-pem-file');
661
+ $('#btn-download-manifest').onclick = () => window.open('/api/activate/manifest/' + encodeURIComponent(d.token), '_blank');
662
+ $('#btn-download-worker').onclick = () => window.open('/api/activate/cloudflare-worker/' + encodeURIComponent(d.token), '_blank');
663
+ }
664
+
665
+ // ─────────── Step 3: providers ───────────
666
+ function renderDeployResult(targetId, data, providerLabel) {
667
+ const el = document.getElementById(targetId);
668
+ if (!el) return;
669
+ if (data.success) {
670
+ el.innerHTML = `<div class="deploy-result ok"><strong>✓ ${providerLabel}: DNS records deployed.</strong><br>${data.next || ''}<pre>${JSON.stringify(data.records || data, null, 2)}</pre></div>`;
671
+ markDone('step-3');
672
+ toast(providerLabel + ' deployment complete', 'success');
673
+ } else {
674
+ el.innerHTML = `<div class="deploy-result err"><strong>✗ ${providerLabel} failed:</strong> ${data.error || 'unknown error'} — ${typeof data.detail === 'string' ? data.detail : ''}<pre>${JSON.stringify(data.detail || data, null, 2)}</pre></div>`;
675
+ toast(providerLabel + ' deployment failed', 'error');
676
+ }
677
+ }
678
+ $('#btn-cf-deploy').addEventListener('click', async () => {
679
+ if (!session) return toast('Generate identity first', 'error');
680
+ const token = $('#cf-token').value.trim();
681
+ if (!token) return toast('Paste your Cloudflare API token', 'error');
682
+ await withButtonLoading($('#btn-cf-deploy'), async () => {
683
+ const r = await fetch('/api/activate/cloudflare/deploy', {
684
+ method: 'POST', headers: { 'Content-Type': 'application/json' },
685
+ body: JSON.stringify({ token: session.token, api_token: token, also_www: true }),
686
+ });
687
+ const data = await r.json();
688
+ renderDeployResult('cf-result', data, 'Cloudflare');
689
+ $('#cf-token').value = ''; // wipe immediately
690
+ });
691
+ });
692
+ $('#btn-vercel-deploy').addEventListener('click', async () => {
693
+ if (!session) return toast('Generate identity first', 'error');
694
+ const token = $('#vercel-token').value.trim();
695
+ const team = $('#vercel-team').value.trim() || undefined;
696
+ if (!token) return toast('Paste your Vercel API token', 'error');
697
+ await withButtonLoading($('#btn-vercel-deploy'), async () => {
698
+ const r = await fetch('/api/activate/vercel/deploy', {
699
+ method: 'POST', headers: { 'Content-Type': 'application/json' },
700
+ body: JSON.stringify({ token: session.token, api_token: token, team_id: team }),
701
+ });
702
+ const data = await r.json();
703
+ renderDeployResult('vercel-result', data, 'Vercel');
704
+ $('#vercel-token').value = '';
705
+ });
706
+ });
707
+ $('#btn-netlify-deploy').addEventListener('click', async () => {
708
+ if (!session) return toast('Generate identity first', 'error');
709
+ const token = $('#netlify-token').value.trim();
710
+ if (!token) return toast('Paste your Netlify API token', 'error');
711
+ await withButtonLoading($('#btn-netlify-deploy'), async () => {
712
+ const r = await fetch('/api/activate/netlify/deploy', {
713
+ method: 'POST', headers: { 'Content-Type': 'application/json' },
714
+ body: JSON.stringify({ token: session.token, api_token: token }),
715
+ });
716
+ const data = await r.json();
717
+ renderDeployResult('netlify-result', data, 'Netlify');
718
+ $('#netlify-token').value = '';
719
+ });
720
+ });
721
+
722
+ // ─────────── Step 4: verify ───────────
723
+ async function doVerify() {
724
+ if (!session) return toast('Generate identity first', 'error');
725
+ await withButtonLoading($('#btn-verify'), async () => {
726
+ const r = await fetch('/api/activate/verify', {
727
+ method: 'POST', headers: { 'Content-Type': 'application/json' },
728
+ body: JSON.stringify({ domain: session.domain }),
729
+ });
730
+ const data = await r.json();
731
+ renderVerify(data);
732
+ $('#btn-verify-recheck').style.display = 'inline-flex';
733
+ });
734
+ }
735
+ $('#btn-verify').addEventListener('click', doVerify);
736
+ $('#btn-verify-recheck').addEventListener('click', doVerify);
737
+
738
+ function renderVerify(d) {
739
+ const score = d.trust_score || 0;
740
+ const label = d.trust_label || 'unverified';
741
+ const checks = d.checks || {};
742
+ const color = score >= 80 ? '#10b981' : score >= 60 ? '#a3e635' : score >= 40 ? '#f59e0b' : score >= 20 ? '#fb923c' : '#ef4444';
743
+ const C = 2 * Math.PI * 45;
744
+ const offset = C * (1 - score / 100);
745
+
746
+ const checkList = [
747
+ ['DNS resolved', 'dns_resolved'],
748
+ ['DNSSEC verified', 'dnssec_verified'],
749
+ ['Public key in DNS', 'has_public_key'],
750
+ ['HTTPS endpoint', 'https_endpoint'],
751
+ ['Manifest fetched', 'manifest_fetched'],
752
+ ['Manifest signed', 'manifest_signed'],
753
+ ['Signature valid', 'signature_valid'],
754
+ ];
755
+ const checksHtml = checkList.map(([n, k]) => `<div class="check-row ${checks[k] ? 'ok' : 'no'}"><span class="ic">${checks[k] ? '✓' : '·'}</span><span>${n}</span></div>`).join('');
756
+ const findings = (d.findings || []).map(f => `<div class="finding">${f}</div>`).join('');
757
+
758
+ $('#verify-result').innerHTML = `
759
+ <div class="gauge-card">
760
+ <div class="gauge">
761
+ <svg viewBox="0 0 100 100">
762
+ <circle class="track" cx="50" cy="50" r="45"></circle>
763
+ <circle class="fill" cx="50" cy="50" r="45" stroke="${color}" stroke-dasharray="${C}" stroke-dashoffset="${offset}"></circle>
764
+ </svg>
765
+ <div class="label"><div class="num">${score}</div><div class="total">/ 100</div></div>
766
+ </div>
767
+ <div class="gauge-meta">
768
+ <h3 style="color:${color};">${label}</h3>
769
+ <div class="domain-label">${d.domain || session.domain}</div>
770
+ <div class="checks-grid">${checksHtml}</div>
771
+ </div>
772
+ </div>
773
+ ${findings ? '<div class="findings">' + findings + '</div>' : ''}
774
+ `;
775
+ if (score >= 80) markDone('step-4');
776
+ }
777
+ </script>
778
+ </body>
779
+ </html>