web-agent-bridge 3.3.0 → 3.8.1

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