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/wab-features.html ADDED
@@ -0,0 +1,560 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ <head>
4
+ <meta charset="UTF-8"/>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>WAB Advanced Features — Web Agent Bridge</title>
7
+ <meta name="description" content="Reputation Score, Memory Cache, Intent Routing, Privacy Budget, Collective Intelligence, Offline Sync — WAB protocol extensions for intelligent agents."/>
8
+ <link rel="icon" href="/assets/favicon.ico"/>
9
+ <style>
10
+ :root {
11
+ --bg: #0a0f1e; --surface: #111827; --surface2: #1e293b;
12
+ --accent: #6366f1; --accent2: #22d3ee; --success: #10b981; --warn: #f59e0b; --danger: #ef4444;
13
+ --text: #f1f5f9; --muted: #94a3b8; --border: #1e293b;
14
+ --radius: 12px; --radius-sm: 8px;
15
+ }
16
+ * { box-sizing: border-box; margin: 0; padding: 0; }
17
+ body { background: var(--bg); color: var(--text); font-family: 'Inter', system-ui, sans-serif; line-height: 1.6; }
18
+
19
+ /* ── Nav ── */
20
+ nav { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; border-bottom: 1px solid #1e293b; position: sticky; top: 0; background: rgba(10,15,30,.95); backdrop-filter: blur(8px); z-index: 100; }
21
+ .nav-logo { font-size: 1.2rem; font-weight: 700; background: linear-gradient(135deg, var(--accent), var(--accent2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
22
+ .nav-links { display: flex; gap: 1.5rem; }
23
+ .nav-links a { color: var(--muted); text-decoration: none; font-size: .9rem; transition: color .2s; }
24
+ .nav-links a:hover { color: var(--text); }
25
+ .lang-btn { background: var(--surface2); border: none; color: var(--text); padding: .35rem .9rem; border-radius: 6px; cursor: pointer; font-size: .85rem; }
26
+
27
+ /* ── Hero ── */
28
+ .hero { text-align: center; padding: 5rem 2rem 3rem; }
29
+ .hero-badge { display: inline-block; background: linear-gradient(90deg,#312e81,#1e3a5f); border: 1px solid #4f46e5; border-radius: 20px; padding: .3rem 1rem; font-size: .8rem; color: #a5b4fc; margin-bottom: 1.5rem; }
30
+ .hero h1 { font-size: clamp(2rem,5vw,3.5rem); font-weight: 800; line-height: 1.15; margin-bottom: 1rem; }
31
+ .hero h1 span { background: linear-gradient(135deg, var(--accent), var(--accent2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
32
+ .hero p { font-size: 1.15rem; color: var(--muted); max-width: 700px; margin: 0 auto 2.5rem; }
33
+ .hero-ctas { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
34
+ .btn { padding: .75rem 1.75rem; border-radius: var(--radius-sm); font-size: .95rem; font-weight: 600; cursor: pointer; text-decoration: none; border: none; transition: all .2s; display: inline-flex; align-items: center; gap: .5rem; }
35
+ .btn-primary { background: linear-gradient(135deg, var(--accent), #4f46e5); color: #fff; }
36
+ .btn-primary:hover { opacity: .9; transform: translateY(-1px); }
37
+ .btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--muted); }
38
+ .btn-ghost:hover { border-color: var(--accent); color: var(--text); }
39
+
40
+ /* ── Feature grid ── */
41
+ .features-section { padding: 4rem 2rem; max-width: 1300px; margin: 0 auto; }
42
+ .section-title { text-align: center; margin-bottom: 3rem; }
43
+ .section-title h2 { font-size: 2rem; font-weight: 700; margin-bottom: .75rem; }
44
+ .section-title p { color: var(--muted); max-width: 600px; margin: 0 auto; }
45
+ .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 2rem; }
46
+
47
+ /* ── Feature card ── */
48
+ .feature-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: transform .2s, box-shadow .2s; }
49
+ .feature-card:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(99,102,241,.15); }
50
+ .card-header { padding: 1.5rem; background: var(--surface2); display: flex; align-items: center; gap: 1rem; cursor: pointer; }
51
+ .card-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }
52
+ .card-header-text h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: .2rem; }
53
+ .card-header-text p { font-size: .85rem; color: var(--muted); }
54
+ .card-body { padding: 1.5rem; }
55
+ .card-body p { font-size: .9rem; color: var(--muted); margin-bottom: 1.25rem; }
56
+
57
+ /* ── Demo area ── */
58
+ .demo-area { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 1.25rem; margin-top: .5rem; }
59
+ .demo-row { display: flex; gap: .75rem; margin-bottom: .75rem; flex-wrap: wrap; }
60
+ .demo-input { flex: 1; min-width: 180px; background: var(--surface2); border: 1px solid var(--border); color: var(--text); padding: .55rem .9rem; border-radius: var(--radius-sm); font-size: .9rem; outline: none; }
61
+ .demo-input:focus { border-color: var(--accent); }
62
+ .demo-select { background: var(--surface2); border: 1px solid var(--border); color: var(--text); padding: .55rem .9rem; border-radius: var(--radius-sm); font-size: .85rem; }
63
+ .btn-sm { padding: .5rem 1.1rem; font-size: .85rem; border-radius: var(--radius-sm); font-weight: 600; cursor: pointer; border: none; transition: all .2s; }
64
+ .btn-sm.accent { background: var(--accent); color: #fff; }
65
+ .btn-sm.accent:hover { opacity: .85; }
66
+ .btn-sm.teal { background: var(--accent2); color: #0a0f1e; }
67
+ .btn-sm.teal:hover { opacity: .85; }
68
+ .demo-result { font-size: .82rem; background: #0d1117; border: 1px solid #21262d; border-radius: var(--radius-sm); padding: 1rem; max-height: 260px; overflow-y: auto; white-space: pre-wrap; word-break: break-all; font-family: 'Fira Code', monospace; color: #e6edf3; margin-top: .75rem; display: none; }
69
+ .demo-result.show { display: block; }
70
+ .score-bar-wrap { margin-top: .75rem; }
71
+ .score-label-row { display: flex; justify-content: space-between; font-size: .85rem; margin-bottom: .4rem; }
72
+ .score-bar-bg { background: var(--surface2); border-radius: 999px; height: 10px; overflow: hidden; }
73
+ .score-bar-fill { height: 100%; border-radius: 999px; transition: width 1s ease; background: linear-gradient(90deg, var(--accent), var(--accent2)); width: 0%; }
74
+ .badge-row { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .5rem; }
75
+ .badge { font-size: .75rem; padding: .25rem .7rem; border-radius: 999px; font-weight: 600; }
76
+ .badge.green { background: rgba(16,185,129,.15); color: #34d399; border: 1px solid rgba(16,185,129,.3); }
77
+ .badge.blue { background: rgba(34,211,238,.15); color: #67e8f9; border: 1px solid rgba(34,211,238,.3); }
78
+ .badge.purple{ background: rgba(99,102,241,.15); color: #a5b4fc; border: 1px solid rgba(99,102,241,.3); }
79
+ .badge.yellow{ background: rgba(245,158,11,.15); color: #fcd34d; border: 1px solid rgba(245,158,11,.3); }
80
+ .badge.gray { background: rgba(148,163,184,.1); color: var(--muted); border: 1px solid rgba(148,163,184,.2); }
81
+ .status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: .35rem; }
82
+ .dot-green { background: var(--success); }
83
+ .dot-yellow { background: var(--warn); }
84
+ .dot-red { background: var(--danger); }
85
+ .spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: spin .6s linear infinite; }
86
+ @keyframes spin { to { transform: rotate(360deg); } }
87
+ textarea.demo-input { resize: vertical; height: 80px; }
88
+
89
+ /* ── API Reference ── */
90
+ .api-ref { padding: 4rem 2rem; max-width: 1100px; margin: 0 auto; }
91
+ .api-ref h2 { font-size: 1.8rem; font-weight: 700; margin-bottom: 2rem; }
92
+ .api-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
93
+ .api-table th { background: var(--surface2); padding: .75rem 1rem; text-align: left; color: var(--muted); font-weight: 600; }
94
+ .api-table td { padding: .75rem 1rem; border-bottom: 1px solid var(--border); vertical-align: top; }
95
+ .api-table tr:hover td { background: var(--surface); }
96
+ .method { font-weight: 700; font-size: .8rem; padding: .2rem .55rem; border-radius: 4px; }
97
+ .get { background: rgba(34,211,238,.15); color: #67e8f9; }
98
+ .post { background: rgba(16,185,129,.15); color: #34d399; }
99
+ code { background: var(--surface2); padding: .15rem .4rem; border-radius: 4px; font-family: 'Fira Code', monospace; font-size: .85em; color: #a5b4fc; }
100
+
101
+ /* ── Footer ── */
102
+ footer { border-top: 1px solid var(--border); padding: 2.5rem 2rem; text-align: center; color: var(--muted); font-size: .85rem; }
103
+ footer a { color: var(--muted); text-decoration: none; }
104
+ footer a:hover { color: var(--text); }
105
+
106
+ /* ── RTL ── */
107
+ [dir="rtl"] { font-family: 'Tajawal', 'Cairo', system-ui, sans-serif; }
108
+ [dir="rtl"] .nav-links { direction: rtl; }
109
+
110
+ @media(max-width:640px){
111
+ .feature-grid { grid-template-columns: 1fr; }
112
+ .nav-links { display: none; }
113
+ .demo-row { flex-direction: column; }
114
+ }
115
+ </style>
116
+ </head>
117
+ <body>
118
+
119
+ <nav>
120
+ <a class="nav-logo" href="/">⬡ Web Agent Bridge</a>
121
+ <div class="nav-links">
122
+ <a href="/">Home</a>
123
+ <a href="/activate">Activate</a>
124
+ <a href="/one-click">One-Click</a>
125
+ <a href="/dashboard">Dashboard</a>
126
+ <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub ↗</a>
127
+ </div>
128
+ <button class="lang-btn" onclick="toggleLang()" id="lang-btn">عربي</button>
129
+ </nav>
130
+
131
+ <section class="hero">
132
+ <div class="hero-badge" data-i18n="hero_badge">WAB Protocol · Advanced Features v1.0</div>
133
+ <h1 data-i18n-html="hero_h1">6 <span>Advanced Protocol</span> Extensions</h1>
134
+ <p data-i18n="hero_p">Reputation Score · Memory Cache · Intent Routing · Privacy Budget · Collective Intelligence · Offline Sync — For every domain, not just bookings.</p>
135
+ <div class="hero-ctas">
136
+ <a href="#features" class="btn btn-primary">⚡ <span data-i18n="hero_cta1">Explore Features</span></a>
137
+ <a href="#api-ref" class="btn btn-ghost"><span data-i18n="hero_cta2">API Reference</span></a>
138
+ <a href="/one-click" class="btn btn-ghost">🚀 <span data-i18n="hero_cta3">Activate WAB</span></a>
139
+ </div>
140
+ </section>
141
+
142
+ <!-- ── FEATURES ── -->
143
+ <section class="features-section" id="features">
144
+ <div class="section-title">
145
+ <h2 data-i18n="feat_title">Live Protocol Demos</h2>
146
+ <p data-i18n="feat_sub">Each card runs live against the WAB API — try them with any domain.</p>
147
+ </div>
148
+ <div class="feature-grid">
149
+
150
+ <!-- 1. Reputation Score -->
151
+ <div class="feature-card" id="card-reputation">
152
+ <div class="card-header">
153
+ <div class="card-icon" style="background:linear-gradient(135deg,#312e81,#1e3a5f)">⭐</div>
154
+ <div class="card-header-text">
155
+ <h3 data-i18n="rep_title">WAB Reputation Score</h3>
156
+ <p data-i18n="rep_sub">Dynamic 0-100 trust score per domain</p>
157
+ </div>
158
+ </div>
159
+ <div class="card-body">
160
+ <p data-i18n="rep_desc">Agents automatically prefer high-score sites. Score is computed from DNS stability, cryptographic trust history, response speed, and anonymized agent reports — refreshed every 5 minutes.</p>
161
+ <div class="demo-area">
162
+ <div class="demo-row">
163
+ <input class="demo-input" id="rep-domain" placeholder="example.com" value="webagentbridge.com"/>
164
+ <button class="btn-sm accent" onclick="demoReputation()">▶ <span data-i18n="run">Run</span></button>
165
+ </div>
166
+ <div class="score-bar-wrap" id="rep-bar-wrap" style="display:none">
167
+ <div class="score-label-row"><span id="rep-label">—</span><span id="rep-score-val">0 / 100</span></div>
168
+ <div class="score-bar-bg"><div class="score-bar-fill" id="rep-bar"></div></div>
169
+ <div class="badge-row" id="rep-badges"></div>
170
+ </div>
171
+ <pre class="demo-result" id="rep-result"></pre>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- 2. Memory Cache Layer -->
177
+ <div class="feature-card" id="card-cache">
178
+ <div class="card-header">
179
+ <div class="card-icon" style="background:linear-gradient(135deg,#064e3b,#065f46)">💾</div>
180
+ <div class="card-header-text">
181
+ <h3 data-i18n="cache_title">WAB Memory Cache</h3>
182
+ <p data-i18n="cache_sub">ETag-versioned manifest cache for agents</p>
183
+ </div>
184
+ </div>
185
+ <div class="card-body">
186
+ <p data-i18n="cache_desc">Agents store an encrypted local copy of wab.json. On revisit, validate via ETag — no re-download if unchanged. Reduces latency and bandwidth for every subsequent interaction.</p>
187
+ <div class="demo-area">
188
+ <div class="demo-row">
189
+ <input class="demo-input" id="cache-domain" placeholder="example.com" value="webagentbridge.com"/>
190
+ <select class="demo-select" id="cache-action">
191
+ <option value="status">Status</option>
192
+ <option value="fetch">Fetch &amp; Cache</option>
193
+ </select>
194
+ <button class="btn-sm teal" onclick="demoCache()">▶ <span data-i18n="run">Run</span></button>
195
+ </div>
196
+ <pre class="demo-result" id="cache-result"></pre>
197
+ </div>
198
+ </div>
199
+ </div>
200
+
201
+ <!-- 3. Intent-Aware Routing -->
202
+ <div class="feature-card" id="card-intent">
203
+ <div class="card-header">
204
+ <div class="card-icon" style="background:linear-gradient(135deg,#1e3a5f,#0e4d7e)">🎯</div>
205
+ <div class="card-header-text">
206
+ <h3 data-i18n="intent_title">WAB Intent Routing</h3>
207
+ <p data-i18n="intent_sub">Natural-language intent → recommended actions</p>
208
+ </div>
209
+ </div>
210
+ <div class="card-body">
211
+ <p data-i18n="intent_desc">The agent sends a plain-language intent (e.g. "I want to search for flights"). The WAB server matches it to the site's registered intent schema and returns the exact recommended actions — no guessing needed.</p>
212
+ <div class="demo-area">
213
+ <div class="demo-row">
214
+ <input class="demo-input" id="intent-domain" placeholder="Domain" value="demo-store.webagentbridge.com"/>
215
+ </div>
216
+ <div class="demo-row">
217
+ <input class="demo-input" id="intent-text" placeholder="Intent (e.g. search for a product)" value="search for a product"/>
218
+ <button class="btn-sm accent" onclick="demoIntent()">▶ <span data-i18n="run">Run</span></button>
219
+ </div>
220
+ <p style="font-size:.78rem;color:var(--muted);margin-top:.5rem" data-i18n="intent_hint">Tip: Register an intent schema first at POST /api/intent/register</p>
221
+ <pre class="demo-result" id="intent-result"></pre>
222
+ </div>
223
+ </div>
224
+ </div>
225
+
226
+ <!-- 4. Privacy Budget -->
227
+ <div class="feature-card" id="card-privacy">
228
+ <div class="card-header">
229
+ <div class="card-icon" style="background:linear-gradient(135deg,#3b0764,#581c87)">🔏</div>
230
+ <div class="card-header-text">
231
+ <h3 data-i18n="priv_title">WAB Privacy Budget</h3>
232
+ <p data-i18n="priv_sub">GDPR/CCPA-compatible data access limits</p>
233
+ </div>
234
+ </div>
235
+ <div class="card-body">
236
+ <p data-i18n="priv_desc">Each site declares a Privacy Budget — what data categories are allowed, retention policy, and jurisdictional compliance flags. Agents automatically respect these limits. Works for every domain universally.</p>
237
+ <div class="demo-area">
238
+ <div class="demo-row">
239
+ <input class="demo-input" id="priv-domain" placeholder="example.com" value="webagentbridge.com"/>
240
+ <select class="demo-select" id="priv-action">
241
+ <option value="budget">Get Budget</option>
242
+ <option value="check">Check Request</option>
243
+ <option value="compliance">Compliance Badges</option>
244
+ </select>
245
+ <button class="btn-sm accent" onclick="demoPrivacy()">▶ <span data-i18n="run">Run</span></button>
246
+ </div>
247
+ <div id="priv-check-fields" class="demo-row" style="display:none">
248
+ <input class="demo-input" id="priv-fields" placeholder='Fields: name,email,location' value="name,email"/>
249
+ </div>
250
+ <pre class="demo-result" id="priv-result"></pre>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- 5. Collective Intelligence -->
256
+ <div class="feature-card" id="card-collective">
257
+ <div class="card-header">
258
+ <div class="card-icon" style="background:linear-gradient(135deg,#1a2f1a,#14532d)">🧠</div>
259
+ <div class="card-header-text">
260
+ <h3 data-i18n="col_title">WAB Collective Intelligence</h3>
261
+ <p data-i18n="col_sub">Anonymous agent insights → public reputation graph</p>
262
+ </div>
263
+ </div>
264
+ <div class="card-body">
265
+ <p data-i18n="col_desc">Agents contribute anonymized insights about site behaviour. No user data is ever stored — only aggregated outcomes. A public reputation graph emerges, benefiting all agents without exposing any individual's data.</p>
266
+ <div class="demo-area">
267
+ <div class="demo-row">
268
+ <input class="demo-input" id="col-domain" placeholder="example.com" value="webagentbridge.com"/>
269
+ <select class="demo-select" id="col-action">
270
+ <option value="insights">View Insights</option>
271
+ <option value="report">Submit Report</option>
272
+ <option value="graph">Network Graph</option>
273
+ </select>
274
+ <button class="btn-sm teal" onclick="demoCollective()">▶ <span data-i18n="run">Run</span></button>
275
+ </div>
276
+ <div id="col-report-fields" style="display:none">
277
+ <div class="demo-row">
278
+ <select class="demo-select" id="col-type"><option value="latency">latency</option><option value="action_success">action_success</option><option value="action_fail">action_fail</option><option value="capability">capability</option><option value="trust">trust</option></select>
279
+ <select class="demo-select" id="col-outcome"><option value="positive">positive</option><option value="neutral">neutral</option><option value="negative">negative</option></select>
280
+ <input class="demo-input" id="col-metric" placeholder="Metric (optional)" style="max-width:120px"/>
281
+ </div>
282
+ </div>
283
+ <pre class="demo-result" id="col-result"></pre>
284
+ </div>
285
+ </div>
286
+ </div>
287
+
288
+ <!-- 6. Offline Mode + Sync -->
289
+ <div class="feature-card" id="card-offline">
290
+ <div class="card-header">
291
+ <div class="card-icon" style="background:linear-gradient(135deg,#1c1917,#44403c)">📡</div>
292
+ <div class="card-header-text">
293
+ <h3 data-i18n="off_title">WAB Offline Mode + Sync</h3>
294
+ <p data-i18n="off_sub">Work offline, sync on reconnect</p>
295
+ </div>
296
+ </div>
297
+ <div class="card-body">
298
+ <p data-i18n="off_desc">Agents operate fully offline using a cached wab.json bundle. On reconnect, a bulk sync call returns only changed manifests (ETag-based delta sync). Critical for mobile apps and low-bandwidth environments.</p>
299
+ <div class="demo-area">
300
+ <div class="demo-row">
301
+ <input class="demo-input" id="off-domains" placeholder="domain1.com, domain2.com" value="webagentbridge.com"/>
302
+ <select class="demo-select" id="off-action">
303
+ <option value="status">Status</option>
304
+ <option value="sync">Bulk Sync</option>
305
+ <option value="bundle">Download Bundle</option>
306
+ </select>
307
+ <button class="btn-sm accent" onclick="demoOffline()">▶ <span data-i18n="run">Run</span></button>
308
+ </div>
309
+ <pre class="demo-result" id="off-result"></pre>
310
+ </div>
311
+ </div>
312
+ </div>
313
+
314
+ </div><!-- /feature-grid -->
315
+ </section>
316
+
317
+ <!-- ── API REFERENCE ── -->
318
+ <section class="api-ref" id="api-ref">
319
+ <h2 data-i18n="apiref_title">API Reference</h2>
320
+ <table class="api-table">
321
+ <thead><tr><th>Method</th><th>Endpoint</th><th>Description</th></tr></thead>
322
+ <tbody>
323
+ <tr><td><span class="method get">GET</span></td><td><code>/api/reputation/:domain</code></td><td>Reputation score + breakdown + recent events</td></tr>
324
+ <tr><td><span class="method post">POST</span></td><td><code>/api/reputation/event</code></td><td>System records a scored event for a domain</td></tr>
325
+ <tr><td><span class="method get">GET</span></td><td><code>/api/reputation/leaderboard</code></td><td>Top domains by reputation score</td></tr>
326
+ <tr><td><span class="method get">GET</span></td><td><code>/api/reputation/trend/:domain</code></td><td>30-day daily reputation trend</td></tr>
327
+ <tr><td><span class="method post">POST</span></td><td><code>/api/collective/report</code></td><td>Submit anonymized agent insight</td></tr>
328
+ <tr><td><span class="method get">GET</span></td><td><code>/api/collective/insights/:domain</code></td><td>Aggregated public collective insights</td></tr>
329
+ <tr><td><span class="method get">GET</span></td><td><code>/api/collective/graph</code></td><td>Network reputation graph (top 100 nodes)</td></tr>
330
+ <tr><td><span class="method get">GET</span></td><td><code>/api/intent/schema/:domain</code></td><td>Get intent schema for domain</td></tr>
331
+ <tr><td><span class="method post">POST</span></td><td><code>/api/intent/register</code></td><td>Register intent schema (site owner)</td></tr>
332
+ <tr><td><span class="method post">POST</span></td><td><code>/api/intent/resolve</code></td><td>Resolve natural-language intent → actions</td></tr>
333
+ <tr><td><span class="method get">GET</span></td><td><code>/api/intent/popular/:domain</code></td><td>Top intents used in last 30 days</td></tr>
334
+ <tr><td><span class="method get">GET</span></td><td><code>/api/privacy/budget/:domain</code></td><td>Get privacy budget declaration</td></tr>
335
+ <tr><td><span class="method post">POST</span></td><td><code>/api/privacy/budget/declare</code></td><td>Declare privacy budget (site owner)</td></tr>
336
+ <tr><td><span class="method post">POST</span></td><td><code>/api/privacy/budget/check</code></td><td>Agent checks data request against budget</td></tr>
337
+ <tr><td><span class="method get">GET</span></td><td><code>/api/privacy/compliance/:domain</code></td><td>GDPR/CCPA/LGPD compliance badges</td></tr>
338
+ <tr><td><span class="method get">GET</span></td><td><code>/api/cache/manifest/:domain</code></td><td>Versioned manifest with ETag support</td></tr>
339
+ <tr><td><span class="method post">POST</span></td><td><code>/api/cache/validate</code></td><td>Batch ETag validation (up to 50 domains)</td></tr>
340
+ <tr><td><span class="method get">GET</span></td><td><code>/api/cache/status/:domain</code></td><td>Single-domain cache freshness</td></tr>
341
+ <tr><td><span class="method post">POST</span></td><td><code>/api/cache/store</code></td><td>Agent pushes a manifest into cache registry</td></tr>
342
+ <tr><td><span class="method get">GET</span></td><td><code>/api/offline/status/:domain</code></td><td>Check if cached manifest is stale</td></tr>
343
+ <tr><td><span class="method post">POST</span></td><td><code>/api/offline/sync</code></td><td>Bulk delta sync (up to 30 domains)</td></tr>
344
+ <tr><td><span class="method get">GET</span></td><td><code>/api/offline/bundle</code></td><td>Download JSON bundle for offline use</td></tr>
345
+ </tbody>
346
+ </table>
347
+ </section>
348
+
349
+ <footer>
350
+ <p>© 2026 <a href="/">Web Agent Bridge</a> · <a href="/privacy.html">Privacy</a> · <a href="/terms.html">Terms</a> · <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a></p>
351
+ <p style="margin-top:.5rem;color:#475569">WAB Advanced Features v1.0 — Free for all domains, all use-cases.</p>
352
+ </footer>
353
+
354
+ <script>
355
+ // ── i18n ──────────────────────────────────────────────────────────────────────
356
+ const translations = {
357
+ en: {
358
+ hero_badge:'WAB Protocol · Advanced Features v1.0',
359
+ hero_h1:'6 <span>Advanced Protocol</span> Extensions',
360
+ hero_p:'Reputation Score · Memory Cache · Intent Routing · Privacy Budget · Collective Intelligence · Offline Sync — For every domain, not just bookings.',
361
+ hero_cta1:'Explore Features', hero_cta2:'API Reference', hero_cta3:'Activate WAB',
362
+ feat_title:'Live Protocol Demos', feat_sub:'Each card runs live against the WAB API — try them with any domain.',
363
+ rep_title:'WAB Reputation Score', rep_sub:'Dynamic 0-100 trust score per domain',
364
+ rep_desc:'Agents automatically prefer high-score sites. Score is computed from DNS stability, cryptographic trust history, response speed, and anonymized agent reports — refreshed every 5 minutes.',
365
+ cache_title:'WAB Memory Cache', cache_sub:'ETag-versioned manifest cache for agents',
366
+ cache_desc:'Agents store an encrypted local copy of wab.json. On revisit, validate via ETag — no re-download if unchanged. Reduces latency and bandwidth for every subsequent interaction.',
367
+ intent_title:'WAB Intent Routing', intent_sub:'Natural-language intent → recommended actions',
368
+ intent_desc:'The agent sends a plain-language intent. The WAB server matches it to the site\'s registered intent schema and returns the exact recommended actions — no guessing needed.',
369
+ intent_hint:'Tip: Register an intent schema first at POST /api/intent/register',
370
+ priv_title:'WAB Privacy Budget', priv_sub:'GDPR/CCPA-compatible data access limits',
371
+ priv_desc:'Each site declares a Privacy Budget — what data categories are allowed, retention policy, and jurisdictional compliance flags. Agents automatically respect these limits.',
372
+ col_title:'WAB Collective Intelligence', col_sub:'Anonymous agent insights → public reputation graph',
373
+ col_desc:'Agents contribute anonymized insights about site behaviour. No user data is ever stored — only aggregated outcomes. A public reputation graph emerges, benefiting all agents.',
374
+ off_title:'WAB Offline Mode + Sync', off_sub:'Work offline, sync on reconnect',
375
+ off_desc:'Agents operate fully offline using a cached wab.json bundle. On reconnect, a bulk sync call returns only changed manifests (ETag-based delta sync). Critical for mobile apps.',
376
+ apiref_title:'API Reference', run:'Run',
377
+ },
378
+ ar: {
379
+ hero_badge:'بروتوكول WAB · الميزات المتقدمة v1.0',
380
+ hero_h1:'6 <span>امتدادات بروتوكول</span> متقدمة',
381
+ hero_p:'نظام السمعة · ذاكرة التخزين · توجيه النوايا · ميزانية الخصوصية · الذكاء الجماعي · العمل دون إنترنت — لجميع المجالات، وليس فقط للحجوزات.',
382
+ hero_cta1:'استكشف الميزات', hero_cta2:'مرجع API', hero_cta3:'تفعيل WAB',
383
+ feat_title:'عروض تجريبية مباشرة', feat_sub:'كل بطاقة تعمل مباشرةً على WAB API — جرّبها مع أي نطاق.',
384
+ rep_title:'نظام سمعة المواقع', rep_sub:'درجة ثقة ديناميكية 0-100 لكل نطاق',
385
+ rep_desc:'يُفضّل الوكلاء تلقائياً المواقع ذات الدرجة العالية. تُحسب الدرجة من استقرار DNS، وتاريخ الثقة التشفيرية، وسرعة الاستجابة، وتقارير الوكلاء المجهولة — تُحدَّث كل 5 دقائق.',
386
+ cache_title:'ذاكرة تخزين WAB', cache_sub:'ذاكرة مشفرة لملفات wab.json',
387
+ cache_desc:'يخزّن الوكيل نسخة محلية مشفرة من wab.json. عند العودة للموقع، يتحقق عبر ETag — لا تحميل إضافي إذا لم يتغير شيء. يقلل التأخير وحجم البيانات.',
388
+ intent_title:'توجيه النوايا الذكي', intent_sub:'نية طبيعية → إجراءات موصى بها',
389
+ intent_desc:'يرسل الوكيل نصاً بسيطاً يصف نيّته. يطابق WAB هذا النص مع مخطط النوايا المسجّل للموقع ويعيد الإجراءات الموصى بها بدقة — لا تخمين.',
390
+ intent_hint:'تلميح: سجّل مخطط النوايا أولاً عبر POST /api/intent/register',
391
+ priv_title:'ميزانية الخصوصية', priv_sub:'حدود وصول البيانات متوافقة مع GDPR/CCPA',
392
+ priv_desc:'يعلن كل موقع عن "ميزانية خصوصية" — ما هي فئات البيانات المسموح بها، وسياسة الاحتفاظ، وعلامات الامتثال القانوني. يحترم الوكيل هذه الحدود تلقائياً.',
393
+ col_title:'الذكاء الجماعي', col_sub:'رؤى الوكلاء المجهولة → رسم بياني لسمعة الشبكة',
394
+ col_desc:'يساهم الوكلاء بملخصات مجهولة عن سلوك المواقع. لا تُخزَّن بيانات المستخدمين — فقط النتائج المجمّعة. تنشأ رسم بياني عام للسمعة يفيد جميع الوكلاء.',
395
+ off_title:'وضع عدم الاتصال + المزامنة', off_sub:'عمل دون إنترنت، مزامنة عند الاتصال',
396
+ off_desc:'يعمل الوكيل بالكامل دون إنترنت باستخدام حزمة wab.json المخزّنة. عند الاتصال، تُعيد مكالمة مزامنة جماعية الملفات التي تغيّرت فقط (تزامن دلتا بناءً على ETag).',
397
+ apiref_title:'مرجع API', run:'تشغيل',
398
+ }
399
+ };
400
+ let currentLang = localStorage.getItem('wab_lang') || 'en';
401
+
402
+ function applyLang() {
403
+ const t = translations[currentLang];
404
+ document.documentElement.lang = currentLang;
405
+ document.documentElement.dir = currentLang === 'ar' ? 'rtl' : 'ltr';
406
+ document.querySelectorAll('[data-i18n]').forEach(el => { if (t[el.dataset.i18n]) el.textContent = t[el.dataset.i18n]; });
407
+ document.querySelectorAll('[data-i18n-html]').forEach(el => { if (t[el.dataset.i18nHtml]) el.innerHTML = t[el.dataset.i18nHtml]; });
408
+ document.getElementById('lang-btn').textContent = currentLang === 'en' ? 'عربي' : 'English';
409
+ localStorage.setItem('wab_lang', currentLang);
410
+ }
411
+ function toggleLang() { currentLang = currentLang === 'en' ? 'ar' : 'en'; applyLang(); }
412
+ applyLang();
413
+
414
+ // ── Demo helpers ──────────────────────────────────────────────────────────────
415
+ async function api(method, path, body) {
416
+ const opts = { method, headers: { 'Content-Type': 'application/json' } };
417
+ if (body) opts.body = JSON.stringify(body);
418
+ const r = await fetch(path, opts);
419
+ const text = await r.text();
420
+ try { return JSON.parse(text); } catch(_) { return text; }
421
+ }
422
+
423
+ function showResult(id, data) {
424
+ const el = document.getElementById(id);
425
+ el.textContent = typeof data === 'string' ? data : JSON.stringify(data, null, 2);
426
+ el.classList.add('show');
427
+ }
428
+
429
+ // ── 1. Reputation ────────────────────────────────────────────────────────────
430
+ async function demoReputation() {
431
+ const domain = document.getElementById('rep-domain').value.trim() || 'webagentbridge.com';
432
+ const btn = event.target.closest('button');
433
+ btn.innerHTML = '<span class="spinner"></span>';
434
+ try {
435
+ const data = await api('GET', `/api/reputation/${encodeURIComponent(domain)}`);
436
+ showResult('rep-result', data);
437
+ if (data.score !== undefined) {
438
+ const wrap = document.getElementById('rep-bar-wrap');
439
+ wrap.style.display = 'block';
440
+ document.getElementById('rep-score-val').textContent = `${data.score} / 100`;
441
+ document.getElementById('rep-label').textContent = data.label || '—';
442
+ setTimeout(() => { document.getElementById('rep-bar').style.width = data.score + '%'; }, 50);
443
+ const color = data.color || '#6366f1';
444
+ document.getElementById('rep-bar').style.background = `linear-gradient(90deg, ${color}, ${color}99)`;
445
+ const badges = document.getElementById('rep-badges');
446
+ badges.innerHTML = '';
447
+ const c = data.components || {};
448
+ const items = [['DNS',c.dns_stability,'blue'],['Trust',c.trust_history,'purple'],['Speed',c.response_speed,'teal'],['Reports',c.agent_reports,'green'],['Consistency',c.consistency,'yellow']];
449
+ items.forEach(([l,v,cl]) => { if(v!=null){const b=document.createElement('span');b.className=`badge ${cl}`;b.textContent=`${l}: ${v}`;badges.appendChild(b);}});
450
+ const trend = data.trend;
451
+ if (trend) { const b=document.createElement('span'); b.className='badge gray'; b.textContent=`Trend: ${trend}`; badges.appendChild(b); }
452
+ }
453
+ } catch(e) { showResult('rep-result', 'Error: ' + e.message); }
454
+ btn.innerHTML = '▶ <span data-i18n="run">' + (currentLang==='ar'?'تشغيل':'Run') + '</span>';
455
+ }
456
+
457
+ // ── 2. Cache ─────────────────────────────────────────────────────────────────
458
+ async function demoCache() {
459
+ const domain = document.getElementById('cache-domain').value.trim() || 'webagentbridge.com';
460
+ const action = document.getElementById('cache-action').value;
461
+ const btn = event.target.closest('button');
462
+ btn.innerHTML = '<span class="spinner"></span>';
463
+ try {
464
+ let data;
465
+ if (action === 'status') {
466
+ data = await api('GET', `/api/cache/status/${encodeURIComponent(domain)}`);
467
+ } else {
468
+ data = await api('GET', `/api/cache/manifest/${encodeURIComponent(domain)}`);
469
+ }
470
+ showResult('cache-result', data);
471
+ } catch(e) { showResult('cache-result', 'Error: ' + e.message); }
472
+ btn.innerHTML = '▶ <span data-i18n="run">' + (currentLang==='ar'?'تشغيل':'Run') + '</span>';
473
+ }
474
+
475
+ // ── 3. Intent ────────────────────────────────────────────────────────────────
476
+ async function demoIntent() {
477
+ const domain = document.getElementById('intent-domain').value.trim();
478
+ const intent = document.getElementById('intent-text').value.trim();
479
+ const btn = event.target.closest('button');
480
+ btn.innerHTML = '<span class="spinner"></span>';
481
+ try {
482
+ const data = await api('POST', '/api/intent/resolve', { domain, intent });
483
+ showResult('intent-result', data);
484
+ } catch(e) { showResult('intent-result', 'Error: ' + e.message); }
485
+ btn.innerHTML = '▶ <span data-i18n="run">' + (currentLang==='ar'?'تشغيل':'Run') + '</span>';
486
+ }
487
+
488
+ // ── 4. Privacy ───────────────────────────────────────────────────────────────
489
+ document.getElementById('priv-action').addEventListener('change', function() {
490
+ document.getElementById('priv-check-fields').style.display = this.value === 'check' ? 'flex' : 'none';
491
+ });
492
+ async function demoPrivacy() {
493
+ const domain = document.getElementById('priv-domain').value.trim() || 'webagentbridge.com';
494
+ const action = document.getElementById('priv-action').value;
495
+ const btn = event.target.closest('button');
496
+ btn.innerHTML = '<span class="spinner"></span>';
497
+ try {
498
+ let data;
499
+ if (action === 'budget') {
500
+ data = await api('GET', `/api/privacy/budget/${encodeURIComponent(domain)}`);
501
+ } else if (action === 'compliance') {
502
+ data = await api('GET', `/api/privacy/compliance/${encodeURIComponent(domain)}`);
503
+ } else {
504
+ const fields = document.getElementById('priv-fields').value.split(',').map(s=>s.trim()).filter(Boolean);
505
+ data = await api('POST', '/api/privacy/budget/check', { domain, requested_fields: fields });
506
+ }
507
+ showResult('priv-result', data);
508
+ } catch(e) { showResult('priv-result', 'Error: ' + e.message); }
509
+ btn.innerHTML = '▶ <span data-i18n="run">' + (currentLang==='ar'?'تشغيل':'Run') + '</span>';
510
+ }
511
+
512
+ // ── 5. Collective ────────────────────────────────────────────────────────────
513
+ document.getElementById('col-action').addEventListener('change', function() {
514
+ document.getElementById('col-report-fields').style.display = this.value === 'report' ? 'block' : 'none';
515
+ });
516
+ async function demoCollective() {
517
+ const domain = document.getElementById('col-domain').value.trim() || 'webagentbridge.com';
518
+ const action = document.getElementById('col-action').value;
519
+ const btn = event.target.closest('button');
520
+ btn.innerHTML = '<span class="spinner"></span>';
521
+ try {
522
+ let data;
523
+ if (action === 'insights') {
524
+ data = await api('GET', `/api/collective/insights/${encodeURIComponent(domain)}`);
525
+ } else if (action === 'graph') {
526
+ data = await api('GET', '/api/collective/graph');
527
+ } else {
528
+ const insight_type = document.getElementById('col-type').value;
529
+ const outcome = document.getElementById('col-outcome').value;
530
+ const mv = parseFloat(document.getElementById('col-metric').value);
531
+ data = await api('POST', '/api/collective/report', { domain, insight_type, outcome, metric_value: isNaN(mv)?null:mv });
532
+ }
533
+ showResult('col-result', data);
534
+ } catch(e) { showResult('col-result', 'Error: ' + e.message); }
535
+ btn.innerHTML = '▶ <span data-i18n="run">' + (currentLang==='ar'?'تشغيل':'Run') + '</span>';
536
+ }
537
+
538
+ // ── 6. Offline ───────────────────────────────────────────────────────────────
539
+ async function demoOffline() {
540
+ const raw = document.getElementById('off-domains').value.trim() || 'webagentbridge.com';
541
+ const domains = raw.split(',').map(s=>s.trim()).filter(Boolean);
542
+ const action = document.getElementById('off-action').value;
543
+ const btn = event.target.closest('button');
544
+ btn.innerHTML = '<span class="spinner"></span>';
545
+ try {
546
+ let data;
547
+ if (action === 'status') {
548
+ data = await api('GET', `/api/offline/status/${encodeURIComponent(domains[0])}`);
549
+ } else if (action === 'sync') {
550
+ data = await api('POST', '/api/offline/sync', { domains });
551
+ } else {
552
+ data = await api('GET', `/api/offline/bundle?domains=${encodeURIComponent(domains.join(','))}`);
553
+ }
554
+ showResult('off-result', data);
555
+ } catch(e) { showResult('off-result', 'Error: ' + e.message); }
556
+ btn.innerHTML = '▶ <span data-i18n="run">' + (currentLang==='ar'?'تشغيل':'Run') + '</span>';
557
+ }
558
+ </script>
559
+ </body>
560
+ </html>