web-agent-bridge 3.4.0 → 3.8.1

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