web-agent-bridge 3.4.0 → 3.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (310) hide show
  1. package/LICENSE +84 -84
  2. package/README.ar.md +1563 -1304
  3. package/README.md +137 -298
  4. package/bin/agent-runner.js +474 -474
  5. package/bin/cli.js +237 -237
  6. package/bin/wab-init.js +244 -223
  7. package/bin/wab.js +80 -80
  8. package/examples/azure-dns-wab.js +83 -83
  9. package/examples/bidi-agent.js +119 -119
  10. package/examples/cloudflare-wab-dns.js +121 -121
  11. package/examples/cpanel-wab-dns.js +114 -114
  12. package/examples/cross-site-agent.js +91 -91
  13. package/examples/dns-discovery-agent.js +166 -166
  14. package/examples/gcp-dns-wab.js +76 -76
  15. package/examples/governance-agent.js +169 -169
  16. package/examples/mcp-agent.js +94 -94
  17. package/examples/next-app-router/README.md +44 -44
  18. package/examples/plesk-wab-dns.js +103 -103
  19. package/examples/puppeteer-agent.js +108 -108
  20. package/examples/route53-wab-dns.js +144 -144
  21. package/examples/saas-dashboard/README.md +55 -55
  22. package/examples/safe-mode-agent.js +96 -96
  23. package/examples/self-discovery.js +106 -0
  24. package/examples/shopify-hydrogen/README.md +74 -74
  25. package/examples/vision-agent.js +171 -171
  26. package/examples/wab-sign.js +74 -74
  27. package/examples/wab-verify.js +60 -60
  28. package/examples/wordpress-elementor/README.md +77 -77
  29. package/package.json +93 -93
  30. package/public/.well-known/agent-tools.json +180 -180
  31. package/public/.well-known/ai-assets.json +59 -59
  32. package/public/.well-known/security.txt +8 -8
  33. package/public/.well-known/wab.json +28 -28
  34. package/public/activate.html +448 -368
  35. package/public/adopt.html +236 -0
  36. package/public/adoption-metrics.html +188 -188
  37. package/public/agent-workspace.html +359 -349
  38. package/public/ai.html +198 -198
  39. package/public/api.html +397 -413
  40. package/public/azure-dns-integration.html +289 -289
  41. package/public/browser.html +486 -486
  42. package/public/cloudflare-integration.html +380 -380
  43. package/public/commander-dashboard.html +243 -243
  44. package/public/cookies.html +210 -210
  45. package/public/cpanel-integration.html +398 -398
  46. package/public/css/agent-workspace.css +1713 -1713
  47. package/public/css/premium.css +317 -317
  48. package/public/css/styles.css +1401 -1263
  49. package/public/dashboard-shieldlink.html +295 -0
  50. package/public/dashboard.html +711 -707
  51. package/public/dns.html +436 -436
  52. package/public/docs.html +588 -588
  53. package/public/enterprise-mesh.ar.html +80 -0
  54. package/public/enterprise-mesh.html +81 -0
  55. package/public/feed.xml +89 -89
  56. package/public/gcp-dns-integration.html +318 -318
  57. package/public/governance.ar.html +70 -0
  58. package/public/governance.html +69 -0
  59. package/public/growth.html +465 -465
  60. package/public/index.html +1372 -1266
  61. package/public/integrations.html +556 -556
  62. package/public/js/activate.js +449 -145
  63. package/public/js/agent-workspace.js +1740 -1740
  64. package/public/js/auth-nav.js +117 -65
  65. package/public/js/auth-redirect.js +12 -12
  66. package/public/js/cookie-consent.js +56 -56
  67. package/public/js/dns.js +438 -438
  68. package/public/js/wab-demo-page.js +721 -721
  69. package/public/js/ws-client.js +74 -74
  70. package/public/l-preview.html +242 -0
  71. package/public/llms-full.txt +360 -360
  72. package/public/llms.txt +125 -125
  73. package/public/login.html +85 -85
  74. package/public/mesh-dashboard.html +328 -328
  75. package/public/milestones.html +346 -0
  76. package/public/one-click.html +779 -0
  77. package/public/openapi.json +669 -669
  78. package/public/partners.ar.html +145 -0
  79. package/public/partners.html +143 -0
  80. package/public/phone-shield.html +281 -281
  81. package/public/plesk-integration.html +375 -375
  82. package/public/premium-dashboard.html +2489 -2489
  83. package/public/premium.html +793 -793
  84. package/public/privacy.html +297 -297
  85. package/public/provider-onboarding.html +172 -172
  86. package/public/provider-sandbox.html +134 -134
  87. package/public/providers.html +359 -359
  88. package/public/refusals.html +172 -0
  89. package/public/register.html +105 -105
  90. package/public/registrar-integrations.html +141 -141
  91. package/public/ring4.html +292 -0
  92. package/public/robots.txt +99 -99
  93. package/public/route53-integration.html +531 -531
  94. package/public/score.html +263 -0
  95. package/public/script/wab-consent.d.ts +36 -36
  96. package/public/script/wab-consent.js +104 -104
  97. package/public/script/wab-schema.js +131 -131
  98. package/public/script/wab.d.ts +108 -108
  99. package/public/script/wab.min.js +580 -580
  100. package/public/security.txt +8 -8
  101. package/public/shieldlink.html +244 -0
  102. package/public/shieldqr.html +231 -231
  103. package/public/sitemap.xml +13 -1
  104. package/public/terms.html +256 -256
  105. package/public/trust-graph-api.ar.html +92 -0
  106. package/public/trust-graph-api.html +91 -0
  107. package/public/wab-features.html +560 -0
  108. package/public/wab-trust.html +200 -200
  109. package/public/wab-truth.html +375 -0
  110. package/public/wab-vs-protocols.html +210 -210
  111. package/public/whitepaper.html +449 -449
  112. package/script/ai-agent-bridge.js +1754 -1754
  113. package/sdk/README.md +99 -99
  114. package/sdk/agent-mesh.js +449 -449
  115. package/sdk/auto-discovery.js +301 -288
  116. package/sdk/commander.js +262 -262
  117. package/sdk/governance.js +262 -262
  118. package/sdk/index.d.ts +464 -464
  119. package/sdk/index.js +649 -649
  120. package/sdk/multi-agent.js +318 -318
  121. package/sdk/safe-mode.js +221 -221
  122. package/sdk/safety-shield.js +219 -219
  123. package/sdk/schema-discovery.js +83 -83
  124. package/server/adapters/index.js +520 -520
  125. package/server/config/plans.js +412 -367
  126. package/server/config/secrets.js +102 -102
  127. package/server/control-plane/index.js +301 -301
  128. package/server/data-plane/index.js +354 -354
  129. package/server/index.js +790 -670
  130. package/server/llm/index.js +404 -404
  131. package/server/middleware/adminAuth.js +35 -35
  132. package/server/middleware/api-tier.js +170 -0
  133. package/server/middleware/auth.js +50 -50
  134. package/server/middleware/featureGate.js +88 -88
  135. package/server/middleware/rateLimits.js +100 -100
  136. package/server/middleware/sensitiveAction.js +157 -157
  137. package/server/middleware/wab-trust.js +141 -0
  138. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  139. package/server/migrations/002_premium_features.sql +418 -418
  140. package/server/migrations/003_ads_integer_cents.sql +33 -33
  141. package/server/migrations/004_agent_os.sql +158 -158
  142. package/server/migrations/005_marketplace_metering.sql +126 -126
  143. package/server/migrations/006_growth_suite.sql +138 -0
  144. package/server/migrations/007_governance.sql +106 -106
  145. package/server/migrations/008_plans.sql +144 -144
  146. package/server/migrations/009_shieldqr.sql +30 -30
  147. package/server/migrations/010_extended_trust.sql +33 -33
  148. package/server/migrations/011_outreach.sql +47 -0
  149. package/server/migrations/012_shieldlink.sql +116 -0
  150. package/server/migrations/013_ct_monitor.sql +13 -0
  151. package/server/migrations/014_wab_advanced_features.sql +128 -0
  152. package/server/migrations/015_wab_truth_layer.sql +101 -0
  153. package/server/migrations/016_ring4_external_trust.sql +84 -0
  154. package/server/migrations/017_ring4_extensions.sql +69 -0
  155. package/server/migrations/018_commercial_foundations.sql +167 -0
  156. package/server/migrations/019_unify_tier_constraints.sql +133 -0
  157. package/server/models/adapters/index.js +33 -33
  158. package/server/models/adapters/mysql.js +183 -183
  159. package/server/models/adapters/postgresql.js +172 -172
  160. package/server/models/adapters/sqlite.js +7 -7
  161. package/server/models/db.js +740 -740
  162. package/server/observability/failure-analysis.js +337 -337
  163. package/server/observability/index.js +394 -394
  164. package/server/protocol/capabilities.js +223 -223
  165. package/server/protocol/index.js +243 -243
  166. package/server/protocol/schema.js +584 -584
  167. package/server/registry/certification.js +271 -271
  168. package/server/registry/index.js +326 -326
  169. package/server/routes/activate.js +478 -0
  170. package/server/routes/admin-outreach.js +239 -0
  171. package/server/routes/admin-plans.js +76 -76
  172. package/server/routes/admin-premium.js +674 -673
  173. package/server/routes/admin-shieldlink.js +137 -0
  174. package/server/routes/admin-shieldqr.js +90 -90
  175. package/server/routes/admin-trust-monitor.js +139 -83
  176. package/server/routes/admin.js +550 -549
  177. package/server/routes/adopt.js +61 -0
  178. package/server/routes/ads.js +130 -130
  179. package/server/routes/agent-workspace.js +540 -540
  180. package/server/routes/api-keys.js +127 -0
  181. package/server/routes/api.js +150 -150
  182. package/server/routes/auth.js +71 -71
  183. package/server/routes/billing.js +57 -57
  184. package/server/routes/commander.js +316 -316
  185. package/server/routes/customer-shieldlink.js +133 -0
  186. package/server/routes/demo-showcase.js +332 -332
  187. package/server/routes/demo-store.js +154 -154
  188. package/server/routes/diagnose.js +373 -0
  189. package/server/routes/discovery.js +2348 -2348
  190. package/server/routes/enterprise-mesh.js +170 -0
  191. package/server/routes/gateway.js +173 -173
  192. package/server/routes/governance-saas.js +203 -0
  193. package/server/routes/governance.js +208 -208
  194. package/server/routes/growth.js +1048 -0
  195. package/server/routes/intent.js +328 -0
  196. package/server/routes/license.js +251 -251
  197. package/server/routes/mesh.js +469 -469
  198. package/server/routes/noscript.js +543 -543
  199. package/server/routes/partners.js +201 -0
  200. package/server/routes/plans.js +33 -33
  201. package/server/routes/premium-v2.js +686 -686
  202. package/server/routes/premium.js +724 -724
  203. package/server/routes/providers.js +650 -650
  204. package/server/routes/reputation.js +411 -0
  205. package/server/routes/ring4.js +885 -0
  206. package/server/routes/runtime.js +2148 -2148
  207. package/server/routes/shieldlink.js +70 -0
  208. package/server/routes/shieldqr.js +88 -88
  209. package/server/routes/sovereign.js +465 -465
  210. package/server/routes/truth-layer.js +670 -0
  211. package/server/routes/universal.js +200 -200
  212. package/server/routes/unsubscribe.js +51 -0
  213. package/server/routes/wab-api.js +850 -850
  214. package/server/routes/wab-cache.js +282 -0
  215. package/server/runtime/container-worker.js +111 -111
  216. package/server/runtime/container.js +448 -448
  217. package/server/runtime/distributed-worker.js +362 -362
  218. package/server/runtime/event-bus.js +210 -210
  219. package/server/runtime/index.js +253 -253
  220. package/server/runtime/queue.js +599 -599
  221. package/server/runtime/replay.js +666 -666
  222. package/server/runtime/sandbox.js +266 -266
  223. package/server/runtime/scheduler.js +534 -534
  224. package/server/runtime/session-engine.js +293 -293
  225. package/server/runtime/state-manager.js +188 -188
  226. package/server/secrets/wab-signing-key.pem +3 -0
  227. package/server/secrets/wab-signing-pub.pem +3 -0
  228. package/server/security/cross-site-redactor.js +196 -196
  229. package/server/security/dry-run.js +180 -180
  230. package/server/security/human-gate-rate-limit.js +147 -147
  231. package/server/security/human-gate-transports.js +178 -178
  232. package/server/security/human-gate.js +281 -281
  233. package/server/security/index.js +368 -368
  234. package/server/security/intent-engine.js +245 -245
  235. package/server/security/reward-guard.js +171 -171
  236. package/server/security/rollback-store.js +239 -239
  237. package/server/security/token-scope.js +404 -404
  238. package/server/security/url-policy.js +139 -139
  239. package/server/services/adoption-agent.js +182 -0
  240. package/server/services/agent-chat.js +506 -506
  241. package/server/services/agent-learning.js +601 -601
  242. package/server/services/agent-memory.js +625 -625
  243. package/server/services/agent-mesh.js +555 -555
  244. package/server/services/agent-symphony.js +717 -717
  245. package/server/services/agent-tasks.js +1807 -1807
  246. package/server/services/api-key-engine.js +292 -292
  247. package/server/services/cluster.js +894 -894
  248. package/server/services/commander.js +738 -738
  249. package/server/services/edge-compute.js +440 -440
  250. package/server/services/email.js +233 -233
  251. package/server/services/fairness-engine.js +409 -0
  252. package/server/services/fairness.js +420 -0
  253. package/server/services/governance.js +466 -466
  254. package/server/services/hosted-runtime.js +205 -205
  255. package/server/services/lfd.js +635 -635
  256. package/server/services/local-ai.js +389 -389
  257. package/server/services/marketplace.js +270 -270
  258. package/server/services/metering.js +182 -182
  259. package/server/services/modules/affiliate-intelligence.js +93 -93
  260. package/server/services/modules/agent-firewall.js +90 -90
  261. package/server/services/modules/bounty.js +89 -89
  262. package/server/services/modules/collective-bargaining.js +92 -92
  263. package/server/services/modules/dark-pattern.js +66 -66
  264. package/server/services/modules/gov-intelligence.js +45 -45
  265. package/server/services/modules/neural.js +55 -55
  266. package/server/services/modules/notary.js +49 -49
  267. package/server/services/modules/price-time-machine.js +86 -86
  268. package/server/services/modules/protocol.js +104 -104
  269. package/server/services/negotiation.js +439 -439
  270. package/server/services/outreach-agent.js +312 -0
  271. package/server/services/plans.js +214 -214
  272. package/server/services/plugins.js +771 -771
  273. package/server/services/price-intelligence.js +566 -566
  274. package/server/services/price-shield.js +1137 -1137
  275. package/server/services/provider-clients.js +740 -740
  276. package/server/services/reputation.js +465 -465
  277. package/server/services/search-engine.js +357 -357
  278. package/server/services/security.js +513 -513
  279. package/server/services/self-healing.js +843 -843
  280. package/server/services/shieldlink.js +492 -0
  281. package/server/services/shieldqr.js +322 -322
  282. package/server/services/sovereign-shield.js +542 -542
  283. package/server/services/ssl-ct-monitor.js +224 -0
  284. package/server/services/ssl-inspector.js +42 -42
  285. package/server/services/ssl-monitor.js +167 -167
  286. package/server/services/stripe.js +206 -205
  287. package/server/services/swarm.js +788 -788
  288. package/server/services/universal-scraper.js +662 -662
  289. package/server/services/verification.js +481 -481
  290. package/server/services/vision.js +1163 -1163
  291. package/server/services/wab-crypto.js +178 -178
  292. package/server/utils/cache.js +125 -125
  293. package/server/utils/migrate.js +81 -81
  294. package/server/utils/safe-fetch.js +228 -228
  295. package/server/utils/secureFields.js +50 -50
  296. package/server/ws.js +161 -161
  297. package/templates/artisan-marketplace.yaml +104 -104
  298. package/templates/book-price-scout.yaml +98 -98
  299. package/templates/electronics-price-tracker.yaml +108 -108
  300. package/templates/flight-deal-hunter.yaml +113 -113
  301. package/templates/freelancer-direct.yaml +116 -116
  302. package/templates/grocery-price-compare.yaml +93 -93
  303. package/templates/hotel-direct-booking.yaml +113 -113
  304. package/templates/local-services.yaml +98 -98
  305. package/templates/olive-oil-tunisia.yaml +88 -88
  306. package/templates/organic-farm-fresh.yaml +101 -101
  307. package/templates/restaurant-direct.yaml +97 -97
  308. package/templates/ring4/banking-sovereign.yaml +55 -0
  309. package/templates/ring4/ecommerce-sovereign.yaml +58 -0
  310. package/templates/ring4/healthcare-sovereign.yaml +60 -0
package/public/providers.html CHANGED
@@ -1,359 +1,359 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>DNS Providers — Web Agent Bridge</title>
7
- <meta name="description" content="Connect Cloudflare, Route 53, Azure DNS, GCP, cPanel, Plesk, GoDaddy, or Namecheap and toggle WAB DNS Discovery on every domain you own — server-side, encrypted, audit-logged.">
8
- <script>
9
- (function () {
10
- try { if (!localStorage.getItem('wab_token')) window.location.replace('/login'); }
11
- catch (e) { window.location.replace('/login'); }
12
- })();
13
- </script>
14
- <link rel="preconnect" href="https://fonts.googleapis.com">
15
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
17
- <link rel="stylesheet" href="/css/styles.css">
18
- <style>
19
- body { background: #0b0f17; color: #e5e7eb; font-family: 'Inter', system-ui, sans-serif; margin: 0; }
20
- .wrap { max-width: 1200px; margin: 0 auto; padding: 32px 24px; }
21
- .topbar { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid #1f2937; margin-bottom:32px; }
22
- .topbar h1 { font-size:1.6rem; margin:0; font-weight:700; }
23
- .topbar .actions { display:flex; gap:12px; }
24
- .btn { display:inline-block; padding:10px 18px; border-radius:8px; border:1px solid #374151; background:#1f2937; color:#e5e7eb; font-weight:600; cursor:pointer; font-size:0.92rem; text-decoration:none; transition:all 0.15s; }
25
- .btn:hover { background:#374151; border-color:#4b5563; }
26
- .btn-primary { background:linear-gradient(135deg,#3b82f6,#1d4ed8); border-color:transparent; color:#fff; }
27
- .btn-primary:hover { filter:brightness(1.1); }
28
- .btn-danger { background:#7f1d1d; border-color:#991b1b; color:#fee2e2; }
29
- .btn-danger:hover { background:#991b1b; }
30
- .btn-success { background:#065f46; border-color:#047857; color:#d1fae5; }
31
- .btn-sm { padding:6px 12px; font-size:0.82rem; }
32
- .grid { display:grid; gap:20px; }
33
- .grid-2 { grid-template-columns: 1fr 1fr; }
34
- .grid-3 { grid-template-columns: repeat(3, 1fr); }
35
- .grid-4 { grid-template-columns: repeat(4, 1fr); }
36
- @media(max-width:900px){ .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;} }
37
- .card { background:#111827; border:1px solid #1f2937; border-radius:12px; padding:24px; }
38
- .card h2 { font-size:1.15rem; margin:0 0 16px; }
39
- .stat { background:#111827; border:1px solid #1f2937; border-radius:12px; padding:18px; text-align:center; }
40
- .stat .label { color:#94a3b8; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em; }
41
- .stat .value { font-size:1.8rem; font-weight:800; margin-top:6px; }
42
- .provider-pick { border:1px solid #1f2937; border-radius:10px; padding:16px; cursor:pointer; transition:all 0.15s; background:#0f172a; }
43
- .provider-pick:hover { border-color:#3b82f6; background:#111827; }
44
- .provider-pick h3 { margin:0 0 4px; font-size:1rem; }
45
- .provider-pick small { color:#94a3b8; }
46
- table { width:100%; border-collapse:collapse; }
47
- th, td { padding:10px 12px; text-align:left; border-bottom:1px solid #1f2937; font-size:0.92rem; }
48
- th { color:#94a3b8; font-weight:600; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.04em; }
49
- .pill { display:inline-block; padding:3px 10px; border-radius:999px; font-size:0.75rem; font-weight:600; }
50
- .pill-ok { background:#064e3b; color:#6ee7b7; }
51
- .pill-err { background:#7f1d1d; color:#fecaca; }
52
- .pill-pending { background:#374151; color:#cbd5e1; }
53
- .form-group { margin-bottom:14px; }
54
- .form-group label { display:block; margin-bottom:6px; font-size:0.85rem; color:#cbd5e1; font-weight:500; }
55
- .form-group input, .form-group textarea, .form-group select {
56
- width:100%; padding:10px 12px; background:#0f172a; border:1px solid #374151;
57
- border-radius:8px; color:#e5e7eb; font-family:inherit; font-size:0.9rem;
58
- }
59
- .form-group input:focus, .form-group textarea:focus { outline:none; border-color:#3b82f6; }
60
- .form-group small.help { display:block; color:#94a3b8; margin-top:4px; font-size:0.78rem; }
61
- .modal { position:fixed; inset:0; background:rgba(0,0,0,0.7); display:none; align-items:center; justify-content:center; z-index:50; padding:24px; }
62
- .modal.active { display:flex; }
63
- .modal-content { background:#111827; border:1px solid #1f2937; border-radius:14px; padding:28px; max-width:560px; width:100%; max-height:85vh; overflow-y:auto; }
64
- .modal-content h2 { margin-top:0; }
65
- .alert { padding:12px 14px; border-radius:8px; margin-bottom:16px; font-size:0.9rem; }
66
- .alert-ok { background:#064e3b; border:1px solid #047857; color:#d1fae5; }
67
- .alert-err { background:#7f1d1d; border:1px solid #991b1b; color:#fecaca; }
68
- .empty { text-align:center; color:#94a3b8; padding:40px 20px; }
69
- code { background:#0f172a; padding:2px 6px; border-radius:4px; font-family:'JetBrains Mono', monospace; font-size:0.82rem; }
70
- </style>
71
- </head>
72
- <body>
73
- <div class="wrap">
74
- <div class="topbar">
75
- <div>
76
- <h1>🔗 DNS Providers</h1>
77
- <div style="color:#94a3b8;font-size:0.9rem;margin-top:4px;">Connect your DNS provider to enable one-click WAB Discovery on every domain you own.</div>
78
- </div>
79
- <div class="actions">
80
- <a href="/dashboard" class="btn">← Dashboard</a>
81
- <button class="btn btn-primary" onclick="openProviderPicker()">+ Connect Provider</button>
82
- </div>
83
- </div>
84
-
85
- <div id="alertBox"></div>
86
-
87
- <div class="grid grid-4" style="margin-bottom:32px;">
88
- <div class="stat"><div class="label">Connected</div><div class="value" id="kAccounts">–</div></div>
89
- <div class="stat"><div class="label">Active</div><div class="value" id="kActive" style="color:#4ade80">–</div></div>
90
- <div class="stat"><div class="label">Domains</div><div class="value" id="kDomains">–</div></div>
91
- <div class="stat"><div class="label">_wab Live</div><div class="value" id="kWab" style="color:#4ade80">–</div></div>
92
- </div>
93
-
94
- <div class="card" style="margin-bottom:32px;">
95
- <h2>Your Connected Accounts</h2>
96
- <div id="accountsList"></div>
97
- </div>
98
-
99
- <div class="card" id="domainsCard" style="display:none;">
100
- <h2 id="domainsHeader">Domains</h2>
101
- <div id="domainsList"></div>
102
- </div>
103
- </div>
104
-
105
- <!-- Provider picker modal -->
106
- <div class="modal" id="pickerModal">
107
- <div class="modal-content">
108
- <h2>Choose your DNS provider</h2>
109
- <div class="grid grid-2" id="pickerGrid"></div>
110
- <div style="text-align:right; margin-top:16px;"><button class="btn" onclick="closeModal('pickerModal')">Cancel</button></div>
111
- </div>
112
- </div>
113
-
114
- <!-- Connect form modal -->
115
- <div class="modal" id="connectModal">
116
- <div class="modal-content">
117
- <h2 id="connectTitle">Connect Provider</h2>
118
- <form id="connectForm" onsubmit="event.preventDefault(); submitConnect();">
119
- <input type="hidden" id="connectType">
120
- <div class="form-group">
121
- <label>Label (your name for this account)</label>
122
- <input type="text" id="connectLabel" placeholder="My Cloudflare account">
123
- </div>
124
- <div id="credFields"></div>
125
- <div id="configFields"></div>
126
- <div id="connectAlert"></div>
127
- <div style="display:flex; gap:12px; justify-content:flex-end; margin-top:16px;">
128
- <button type="button" class="btn" onclick="closeModal('connectModal')">Cancel</button>
129
- <button type="submit" class="btn btn-primary" id="connectSubmit">Save & Test</button>
130
- </div>
131
- </form>
132
- </div>
133
- </div>
134
-
135
- <script>
136
- const API = '/api/providers';
137
- const TOKEN = localStorage.getItem('wab_token');
138
- let PROVIDER_TYPES = [];
139
- let ACCOUNTS = [];
140
- let SELECTED_ACCOUNT = null;
141
-
142
- function H() { return { 'Content-Type': 'application/json', 'Authorization': `Bearer ${TOKEN}` }; }
143
- function esc(s){ const d=document.createElement('div'); d.textContent=s==null?'':String(s); return d.innerHTML; }
144
- function openModal(id){ document.getElementById(id).classList.add('active'); }
145
- function closeModal(id){ document.getElementById(id).classList.remove('active'); }
146
- function flash(msg, ok=true){
147
- const el = document.getElementById('alertBox');
148
- el.innerHTML = `<div class="alert ${ok?'alert-ok':'alert-err'}">${esc(msg)}</div>`;
149
- setTimeout(() => { el.innerHTML = ''; }, 6000);
150
- }
151
-
152
- async function loadTypes() {
153
- const r = await fetch(`${API}/types`);
154
- const j = await r.json();
155
- PROVIDER_TYPES = j.providers || [];
156
- }
157
-
158
- async function loadAccounts() {
159
- const r = await fetch(`${API}/accounts`, { headers: H() });
160
- if (r.status === 401) { window.location = '/login'; return; }
161
- const j = await r.json();
162
- ACCOUNTS = j.accounts || [];
163
- renderAccounts();
164
- renderStats();
165
- }
166
-
167
- function renderStats() {
168
- const total = ACCOUNTS.length;
169
- const active = ACCOUNTS.filter(a => a.status === 'active').length;
170
- const domains = ACCOUNTS.reduce((n, a) => n + (a.domains_count || 0), 0);
171
- document.getElementById('kAccounts').textContent = total;
172
- document.getElementById('kActive').textContent = active;
173
- document.getElementById('kDomains').textContent = domains;
174
- document.getElementById('kWab').textContent = '…';
175
- // _wab live count comes from the currently-selected account view
176
- }
177
-
178
- function statusPill(a) {
179
- if (a.status === 'active') return '<span class="pill pill-ok">● active</span>';
180
- if (a.status === 'error') return `<span class="pill pill-err">● error</span>`;
181
- return '<span class="pill pill-pending">○ pending</span>';
182
- }
183
-
184
- function renderAccounts() {
185
- const root = document.getElementById('accountsList');
186
- if (!ACCOUNTS.length) {
187
- root.innerHTML = '<div class="empty">You have not connected any DNS provider yet.<br><br><button class="btn btn-primary" onclick="openProviderPicker()">+ Connect your first provider</button></div>';
188
- return;
189
- }
190
- root.innerHTML = '<table><thead><tr><th>Provider</th><th>Label</th><th>Status</th><th>Domains</th><th>Last Test</th><th></th></tr></thead><tbody>' +
191
- ACCOUNTS.map(a => {
192
- const t = PROVIDER_TYPES.find(p => p.type === a.provider_type) || { label: a.provider_type };
193
- const errMsg = a.last_test_error ? `<br><small style="color:#fca5a5">${esc(a.last_test_error)}</small>` : '';
194
- return `<tr>
195
- <td><strong>${esc(t.label)}</strong></td>
196
- <td>${esc(a.label)}</td>
197
- <td>${statusPill(a)}${errMsg}</td>
198
- <td>${a.domains_count || 0}</td>
199
- <td><small>${esc(a.last_test_at || 'never')}</small></td>
200
- <td style="text-align:right; white-space:nowrap;">
201
- <button class="btn btn-sm" onclick="testAccount('${a.id}')">Test</button>
202
- <button class="btn btn-sm" onclick="syncAccount('${a.id}')">Sync</button>
203
- <button class="btn btn-sm" onclick="viewDomains('${a.id}')">Domains</button>
204
- <button class="btn btn-sm btn-danger" onclick="deleteAccount('${a.id}')">Delete</button>
205
- </td>
206
- </tr>`;
207
- }).join('') + '</tbody></table>';
208
- }
209
-
210
- function openProviderPicker() {
211
- const grid = document.getElementById('pickerGrid');
212
- grid.innerHTML = PROVIDER_TYPES.map(p => `
213
- <div class="provider-pick" onclick="openConnect('${p.type}')">
214
- <h3>${esc(p.label)}</h3>
215
- <small>${(p.credential_fields || []).map(f => esc(f.label)).join(' · ')}</small>
216
- </div>`).join('');
217
- openModal('pickerModal');
218
- }
219
-
220
- function openConnect(type) {
221
- closeModal('pickerModal');
222
- const p = PROVIDER_TYPES.find(x => x.type === type);
223
- if (!p) return;
224
- document.getElementById('connectType').value = type;
225
- document.getElementById('connectTitle').textContent = `Connect ${p.label}`;
226
- document.getElementById('connectLabel').value = p.label;
227
- document.getElementById('connectAlert').innerHTML = '';
228
- document.getElementById('credFields').innerHTML = (p.credential_fields || []).map(renderField).join('');
229
- document.getElementById('configFields').innerHTML = (p.config_fields || []).length
230
- ? '<hr style="border-color:#1f2937;margin:16px 0"><h3 style="font-size:0.95rem;color:#94a3b8;margin:0 0 12px">Configuration</h3>' + (p.config_fields).map(renderField).join('')
231
- : '';
232
- openModal('connectModal');
233
- }
234
-
235
- function renderField(f) {
236
- const id = `f_${f.key}`;
237
- const required = f.required ? 'required' : '';
238
- const help = f.help ? `<small class="help">${esc(f.help)}</small>` : '';
239
- if (f.type === 'textarea') {
240
- return `<div class="form-group"><label>${esc(f.label)}${f.required?' *':''}</label><textarea id="${id}" name="${esc(f.key)}" rows="6" ${required}></textarea>${help}</div>`;
241
- }
242
- const t = f.type === 'password' ? 'password' : 'text';
243
- return `<div class="form-group"><label>${esc(f.label)}${f.required?' *':''}</label><input type="${t}" id="${id}" name="${esc(f.key)}" ${required}>${help}</div>`;
244
- }
245
-
246
- async function submitConnect() {
247
- const type = document.getElementById('connectType').value;
248
- const p = PROVIDER_TYPES.find(x => x.type === type);
249
- const credentials = {};
250
- const config = {};
251
- for (const f of (p.credential_fields || [])) credentials[f.key] = document.getElementById(`f_${f.key}`).value.trim();
252
- for (const f of (p.config_fields || [])) config[f.key] = document.getElementById(`f_${f.key}`).value.trim();
253
- const label = document.getElementById('connectLabel').value.trim() || p.label;
254
- const alertEl = document.getElementById('connectAlert');
255
- const submitBtn = document.getElementById('connectSubmit');
256
- submitBtn.disabled = true; submitBtn.textContent = 'Saving…';
257
- alertEl.innerHTML = '';
258
- try {
259
- const r = await fetch(`${API}/accounts`, {
260
- method: 'POST', headers: H(),
261
- body: JSON.stringify({ provider_type: type, label, credentials, config })
262
- });
263
- const j = await r.json();
264
- if (!r.ok) throw new Error(j.error || 'Failed to save');
265
- alertEl.innerHTML = '<div class="alert alert-ok">Saved. Testing connection…</div>';
266
- const t = await fetch(`${API}/accounts/${j.account.id}/test`, { method: 'POST', headers: H() });
267
- const tj = await t.json();
268
- if (!t.ok) {
269
- alertEl.innerHTML = `<div class="alert alert-err">Saved, but test failed: ${esc(tj.error)}</div>`;
270
- } else {
271
- alertEl.innerHTML = `<div class="alert alert-ok">✅ Connected (${esc(tj.detail)}). Syncing zones…</div>`;
272
- await fetch(`${API}/accounts/${j.account.id}/sync`, { method: 'POST', headers: H() });
273
- setTimeout(() => { closeModal('connectModal'); flash('Provider connected and synced.'); loadAccounts(); }, 600);
274
- return;
275
- }
276
- } catch (e) {
277
- alertEl.innerHTML = `<div class="alert alert-err">${esc(e.message)}</div>`;
278
- } finally {
279
- submitBtn.disabled = false; submitBtn.textContent = 'Save & Test';
280
- }
281
- loadAccounts();
282
- }
283
-
284
- async function testAccount(id) {
285
- flash('Testing…');
286
- const r = await fetch(`${API}/accounts/${id}/test`, { method: 'POST', headers: H() });
287
- const j = await r.json();
288
- flash(r.ok ? `✅ ${j.detail || 'OK'}` : `❌ ${j.error}`, r.ok);
289
- loadAccounts();
290
- }
291
-
292
- async function syncAccount(id) {
293
- flash('Syncing zones…');
294
- const r = await fetch(`${API}/accounts/${id}/sync`, { method: 'POST', headers: H() });
295
- const j = await r.json();
296
- flash(r.ok ? `✅ Synced ${j.count} domains` : `❌ ${j.error}`, r.ok);
297
- loadAccounts();
298
- if (SELECTED_ACCOUNT === id) viewDomains(id);
299
- }
300
-
301
- async function deleteAccount(id) {
302
- if (!confirm('Delete this provider account? Stored credentials will be erased. This will not remove DNS records you already published.')) return;
303
- const r = await fetch(`${API}/accounts/${id}`, { method: 'DELETE', headers: H() });
304
- flash(r.ok ? 'Account deleted.' : 'Delete failed.', r.ok);
305
- if (SELECTED_ACCOUNT === id) {
306
- SELECTED_ACCOUNT = null;
307
- document.getElementById('domainsCard').style.display = 'none';
308
- }
309
- loadAccounts();
310
- }
311
-
312
- async function viewDomains(id) {
313
- SELECTED_ACCOUNT = id;
314
- const acc = ACCOUNTS.find(a => a.id === id);
315
- const card = document.getElementById('domainsCard');
316
- card.style.display = 'block';
317
- const t = PROVIDER_TYPES.find(p => p.type === acc.provider_type) || { label: acc.provider_type };
318
- document.getElementById('domainsHeader').textContent = `Domains — ${t.label} · ${acc.label}`;
319
- document.getElementById('domainsList').innerHTML = '<div class="empty">Loading…</div>';
320
- const r = await fetch(`${API}/accounts/${id}/domains`, { headers: H() });
321
- const j = await r.json();
322
- const domains = j.domains || [];
323
- const wabLive = domains.filter(d => d.wab_enabled).length;
324
- document.getElementById('kWab').textContent = wabLive;
325
- if (!domains.length) {
326
- document.getElementById('domainsList').innerHTML = '<div class="empty">No domains synced yet. Click <strong>Sync</strong> on this account to fetch them from your provider.</div>';
327
- return;
328
- }
329
- document.getElementById('domainsList').innerHTML = '<table><thead><tr><th>Domain</th><th>WAB</th><th>Last Action</th><th></th></tr></thead><tbody>' +
330
- domains.map(d => `<tr>
331
- <td><strong>${esc(d.domain)}</strong>${d.zone_id ? `<br><small style="color:#94a3b8">zone: <code>${esc(d.zone_id)}</code></small>` : ''}</td>
332
- <td>${d.wab_enabled ? '<span class="pill pill-ok">● ON</span>' : '<span class="pill pill-pending">○ OFF</span>'}</td>
333
- <td>${d.last_action ? `${esc(d.last_action)} · <span style="color:${d.last_action_status==='ok'?'#6ee7b7':'#fca5a5'}">${esc(d.last_action_status||'—')}</span><br><small style="color:#94a3b8">${esc(d.last_action_at||'')}</small>${d.last_action_error?'<br><small style="color:#fca5a5">'+esc(d.last_action_error)+'</small>':''}` : '<small style="color:#94a3b8">—</small>'}</td>
334
- <td style="text-align:right;white-space:nowrap;">
335
- ${d.wab_enabled
336
- ? `<button class="btn btn-sm btn-danger" onclick="toggleWab('${id}','${esc(d.domain)}',false)">Disable WAB</button>`
337
- : `<button class="btn btn-sm btn-success" onclick="toggleWab('${id}','${esc(d.domain)}',true)">Enable WAB</button>`}
338
- </td>
339
- </tr>`).join('') + '</tbody></table>';
340
- }
341
-
342
- async function toggleWab(accountId, domain, on) {
343
- const path = on ? 'enable-wab' : 'disable-wab';
344
- flash(`${on?'Enabling':'Disabling'} WAB on ${domain}…`);
345
- const r = await fetch(`${API}/accounts/${accountId}/domains/${encodeURIComponent(domain)}/${path}`, {
346
- method: 'POST', headers: H()
347
- });
348
- const j = await r.json();
349
- flash(r.ok ? `✅ ${domain}: ${j.detail || 'ok'}` : `❌ ${domain}: ${j.error}`, r.ok);
350
- viewDomains(accountId);
351
- }
352
-
353
- (async function init() {
354
- await loadTypes();
355
- await loadAccounts();
356
- })();
357
- </script>
358
- </body>
359
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>DNS Providers — Web Agent Bridge</title>
7
+ <meta name="description" content="Connect Cloudflare, Route 53, Azure DNS, GCP, cPanel, Plesk, GoDaddy, or Namecheap and toggle WAB DNS Discovery on every domain you own — server-side, encrypted, audit-logged.">
8
+ <script>
9
+ (function () {
10
+ try { if (!localStorage.getItem('wab_token')) window.location.replace('/login'); }
11
+ catch (e) { window.location.replace('/login'); }
12
+ })();
13
+ </script>
14
+ <link rel="preconnect" href="https://fonts.googleapis.com">
15
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
17
+ <link rel="stylesheet" href="/css/styles.css">
18
+ <style>
19
+ body { background: #0b0f17; color: #e5e7eb; font-family: 'Inter', system-ui, sans-serif; margin: 0; }
20
+ .wrap { max-width: 1200px; margin: 0 auto; padding: 32px 24px; }
21
+ .topbar { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid #1f2937; margin-bottom:32px; }
22
+ .topbar h1 { font-size:1.6rem; margin:0; font-weight:700; }
23
+ .topbar .actions { display:flex; gap:12px; }
24
+ .btn { display:inline-block; padding:10px 18px; border-radius:8px; border:1px solid #374151; background:#1f2937; color:#e5e7eb; font-weight:600; cursor:pointer; font-size:0.92rem; text-decoration:none; transition:all 0.15s; }
25
+ .btn:hover { background:#374151; border-color:#4b5563; }
26
+ .btn-primary { background:linear-gradient(135deg,#3b82f6,#1d4ed8); border-color:transparent; color:#fff; }
27
+ .btn-primary:hover { filter:brightness(1.1); }
28
+ .btn-danger { background:#7f1d1d; border-color:#991b1b; color:#fee2e2; }
29
+ .btn-danger:hover { background:#991b1b; }
30
+ .btn-success { background:#065f46; border-color:#047857; color:#d1fae5; }
31
+ .btn-sm { padding:6px 12px; font-size:0.82rem; }
32
+ .grid { display:grid; gap:20px; }
33
+ .grid-2 { grid-template-columns: 1fr 1fr; }
34
+ .grid-3 { grid-template-columns: repeat(3, 1fr); }
35
+ .grid-4 { grid-template-columns: repeat(4, 1fr); }
36
+ @media(max-width:900px){ .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;} }
37
+ .card { background:#111827; border:1px solid #1f2937; border-radius:12px; padding:24px; }
38
+ .card h2 { font-size:1.15rem; margin:0 0 16px; }
39
+ .stat { background:#111827; border:1px solid #1f2937; border-radius:12px; padding:18px; text-align:center; }
40
+ .stat .label { color:#94a3b8; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em; }
41
+ .stat .value { font-size:1.8rem; font-weight:800; margin-top:6px; }
42
+ .provider-pick { border:1px solid #1f2937; border-radius:10px; padding:16px; cursor:pointer; transition:all 0.15s; background:#0f172a; }
43
+ .provider-pick:hover { border-color:#3b82f6; background:#111827; }
44
+ .provider-pick h3 { margin:0 0 4px; font-size:1rem; }
45
+ .provider-pick small { color:#94a3b8; }
46
+ table { width:100%; border-collapse:collapse; }
47
+ th, td { padding:10px 12px; text-align:left; border-bottom:1px solid #1f2937; font-size:0.92rem; }
48
+ th { color:#94a3b8; font-weight:600; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.04em; }
49
+ .pill { display:inline-block; padding:3px 10px; border-radius:999px; font-size:0.75rem; font-weight:600; }
50
+ .pill-ok { background:#064e3b; color:#6ee7b7; }
51
+ .pill-err { background:#7f1d1d; color:#fecaca; }
52
+ .pill-pending { background:#374151; color:#cbd5e1; }
53
+ .form-group { margin-bottom:14px; }
54
+ .form-group label { display:block; margin-bottom:6px; font-size:0.85rem; color:#cbd5e1; font-weight:500; }
55
+ .form-group input, .form-group textarea, .form-group select {
56
+ width:100%; padding:10px 12px; background:#0f172a; border:1px solid #374151;
57
+ border-radius:8px; color:#e5e7eb; font-family:inherit; font-size:0.9rem;
58
+ }
59
+ .form-group input:focus, .form-group textarea:focus { outline:none; border-color:#3b82f6; }
60
+ .form-group small.help { display:block; color:#94a3b8; margin-top:4px; font-size:0.78rem; }
61
+ .modal { position:fixed; inset:0; background:rgba(0,0,0,0.7); display:none; align-items:center; justify-content:center; z-index:50; padding:24px; }
62
+ .modal.active { display:flex; }
63
+ .modal-content { background:#111827; border:1px solid #1f2937; border-radius:14px; padding:28px; max-width:560px; width:100%; max-height:85vh; overflow-y:auto; }
64
+ .modal-content h2 { margin-top:0; }
65
+ .alert { padding:12px 14px; border-radius:8px; margin-bottom:16px; font-size:0.9rem; }
66
+ .alert-ok { background:#064e3b; border:1px solid #047857; color:#d1fae5; }
67
+ .alert-err { background:#7f1d1d; border:1px solid #991b1b; color:#fecaca; }
68
+ .empty { text-align:center; color:#94a3b8; padding:40px 20px; }
69
+ code { background:#0f172a; padding:2px 6px; border-radius:4px; font-family:'JetBrains Mono', monospace; font-size:0.82rem; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class="wrap">
74
+ <div class="topbar">
75
+ <div>
76
+ <h1>🔗 DNS Providers</h1>
77
+ <div style="color:#94a3b8;font-size:0.9rem;margin-top:4px;">Connect your DNS provider to enable one-click WAB Discovery on every domain you own.</div>
78
+ </div>
79
+ <div class="actions">
80
+ <a href="/dashboard" class="btn">← Dashboard</a>
81
+ <button class="btn btn-primary" onclick="openProviderPicker()">+ Connect Provider</button>
82
+ </div>
83
+ </div>
84
+
85
+ <div id="alertBox"></div>
86
+
87
+ <div class="grid grid-4" style="margin-bottom:32px;">
88
+ <div class="stat"><div class="label">Connected</div><div class="value" id="kAccounts">–</div></div>
89
+ <div class="stat"><div class="label">Active</div><div class="value" id="kActive" style="color:#4ade80">–</div></div>
90
+ <div class="stat"><div class="label">Domains</div><div class="value" id="kDomains">–</div></div>
91
+ <div class="stat"><div class="label">_wab Live</div><div class="value" id="kWab" style="color:#4ade80">–</div></div>
92
+ </div>
93
+
94
+ <div class="card" style="margin-bottom:32px;">
95
+ <h2>Your Connected Accounts</h2>
96
+ <div id="accountsList"></div>
97
+ </div>
98
+
99
+ <div class="card" id="domainsCard" style="display:none;">
100
+ <h2 id="domainsHeader">Domains</h2>
101
+ <div id="domainsList"></div>
102
+ </div>
103
+ </div>
104
+
105
+ <!-- Provider picker modal -->
106
+ <div class="modal" id="pickerModal">
107
+ <div class="modal-content">
108
+ <h2>Choose your DNS provider</h2>
109
+ <div class="grid grid-2" id="pickerGrid"></div>
110
+ <div style="text-align:right; margin-top:16px;"><button class="btn" onclick="closeModal('pickerModal')">Cancel</button></div>
111
+ </div>
112
+ </div>
113
+
114
+ <!-- Connect form modal -->
115
+ <div class="modal" id="connectModal">
116
+ <div class="modal-content">
117
+ <h2 id="connectTitle">Connect Provider</h2>
118
+ <form id="connectForm" onsubmit="event.preventDefault(); submitConnect();">
119
+ <input type="hidden" id="connectType">
120
+ <div class="form-group">
121
+ <label>Label (your name for this account)</label>
122
+ <input type="text" id="connectLabel" placeholder="My Cloudflare account">
123
+ </div>
124
+ <div id="credFields"></div>
125
+ <div id="configFields"></div>
126
+ <div id="connectAlert"></div>
127
+ <div style="display:flex; gap:12px; justify-content:flex-end; margin-top:16px;">
128
+ <button type="button" class="btn" onclick="closeModal('connectModal')">Cancel</button>
129
+ <button type="submit" class="btn btn-primary" id="connectSubmit">Save & Test</button>
130
+ </div>
131
+ </form>
132
+ </div>
133
+ </div>
134
+
135
+ <script>
136
+ const API = '/api/providers';
137
+ const TOKEN = localStorage.getItem('wab_token');
138
+ let PROVIDER_TYPES = [];
139
+ let ACCOUNTS = [];
140
+ let SELECTED_ACCOUNT = null;
141
+
142
+ function H() { return { 'Content-Type': 'application/json', 'Authorization': `Bearer ${TOKEN}` }; }
143
+ function esc(s){ const d=document.createElement('div'); d.textContent=s==null?'':String(s); return d.innerHTML; }
144
+ function openModal(id){ document.getElementById(id).classList.add('active'); }
145
+ function closeModal(id){ document.getElementById(id).classList.remove('active'); }
146
+ function flash(msg, ok=true){
147
+ const el = document.getElementById('alertBox');
148
+ el.innerHTML = `<div class="alert ${ok?'alert-ok':'alert-err'}">${esc(msg)}</div>`;
149
+ setTimeout(() => { el.innerHTML = ''; }, 6000);
150
+ }
151
+
152
+ async function loadTypes() {
153
+ const r = await fetch(`${API}/types`);
154
+ const j = await r.json();
155
+ PROVIDER_TYPES = j.providers || [];
156
+ }
157
+
158
+ async function loadAccounts() {
159
+ const r = await fetch(`${API}/accounts`, { headers: H() });
160
+ if (r.status === 401) { window.location = '/login'; return; }
161
+ const j = await r.json();
162
+ ACCOUNTS = j.accounts || [];
163
+ renderAccounts();
164
+ renderStats();
165
+ }
166
+
167
+ function renderStats() {
168
+ const total = ACCOUNTS.length;
169
+ const active = ACCOUNTS.filter(a => a.status === 'active').length;
170
+ const domains = ACCOUNTS.reduce((n, a) => n + (a.domains_count || 0), 0);
171
+ document.getElementById('kAccounts').textContent = total;
172
+ document.getElementById('kActive').textContent = active;
173
+ document.getElementById('kDomains').textContent = domains;
174
+ document.getElementById('kWab').textContent = '…';
175
+ // _wab live count comes from the currently-selected account view
176
+ }
177
+
178
+ function statusPill(a) {
179
+ if (a.status === 'active') return '<span class="pill pill-ok">● active</span>';
180
+ if (a.status === 'error') return `<span class="pill pill-err">● error</span>`;
181
+ return '<span class="pill pill-pending">○ pending</span>';
182
+ }
183
+
184
+ function renderAccounts() {
185
+ const root = document.getElementById('accountsList');
186
+ if (!ACCOUNTS.length) {
187
+ root.innerHTML = '<div class="empty">You have not connected any DNS provider yet.<br><br><button class="btn btn-primary" onclick="openProviderPicker()">+ Connect your first provider</button></div>';
188
+ return;
189
+ }
190
+ root.innerHTML = '<table><thead><tr><th>Provider</th><th>Label</th><th>Status</th><th>Domains</th><th>Last Test</th><th></th></tr></thead><tbody>' +
191
+ ACCOUNTS.map(a => {
192
+ const t = PROVIDER_TYPES.find(p => p.type === a.provider_type) || { label: a.provider_type };
193
+ const errMsg = a.last_test_error ? `<br><small style="color:#fca5a5">${esc(a.last_test_error)}</small>` : '';
194
+ return `<tr>
195
+ <td><strong>${esc(t.label)}</strong></td>
196
+ <td>${esc(a.label)}</td>
197
+ <td>${statusPill(a)}${errMsg}</td>
198
+ <td>${a.domains_count || 0}</td>
199
+ <td><small>${esc(a.last_test_at || 'never')}</small></td>
200
+ <td style="text-align:right; white-space:nowrap;">
201
+ <button class="btn btn-sm" onclick="testAccount('${a.id}')">Test</button>
202
+ <button class="btn btn-sm" onclick="syncAccount('${a.id}')">Sync</button>
203
+ <button class="btn btn-sm" onclick="viewDomains('${a.id}')">Domains</button>
204
+ <button class="btn btn-sm btn-danger" onclick="deleteAccount('${a.id}')">Delete</button>
205
+ </td>
206
+ </tr>`;
207
+ }).join('') + '</tbody></table>';
208
+ }
209
+
210
+ function openProviderPicker() {
211
+ const grid = document.getElementById('pickerGrid');
212
+ grid.innerHTML = PROVIDER_TYPES.map(p => `
213
+ <div class="provider-pick" onclick="openConnect('${p.type}')">
214
+ <h3>${esc(p.label)}</h3>
215
+ <small>${(p.credential_fields || []).map(f => esc(f.label)).join(' · ')}</small>
216
+ </div>`).join('');
217
+ openModal('pickerModal');
218
+ }
219
+
220
+ function openConnect(type) {
221
+ closeModal('pickerModal');
222
+ const p = PROVIDER_TYPES.find(x => x.type === type);
223
+ if (!p) return;
224
+ document.getElementById('connectType').value = type;
225
+ document.getElementById('connectTitle').textContent = `Connect ${p.label}`;
226
+ document.getElementById('connectLabel').value = p.label;
227
+ document.getElementById('connectAlert').innerHTML = '';
228
+ document.getElementById('credFields').innerHTML = (p.credential_fields || []).map(renderField).join('');
229
+ document.getElementById('configFields').innerHTML = (p.config_fields || []).length
230
+ ? '<hr style="border-color:#1f2937;margin:16px 0"><h3 style="font-size:0.95rem;color:#94a3b8;margin:0 0 12px">Configuration</h3>' + (p.config_fields).map(renderField).join('')
231
+ : '';
232
+ openModal('connectModal');
233
+ }
234
+
235
+ function renderField(f) {
236
+ const id = `f_${f.key}`;
237
+ const required = f.required ? 'required' : '';
238
+ const help = f.help ? `<small class="help">${esc(f.help)}</small>` : '';
239
+ if (f.type === 'textarea') {
240
+ return `<div class="form-group"><label>${esc(f.label)}${f.required?' *':''}</label><textarea id="${id}" name="${esc(f.key)}" rows="6" ${required}></textarea>${help}</div>`;
241
+ }
242
+ const t = f.type === 'password' ? 'password' : 'text';
243
+ return `<div class="form-group"><label>${esc(f.label)}${f.required?' *':''}</label><input type="${t}" id="${id}" name="${esc(f.key)}" ${required}>${help}</div>`;
244
+ }
245
+
246
+ async function submitConnect() {
247
+ const type = document.getElementById('connectType').value;
248
+ const p = PROVIDER_TYPES.find(x => x.type === type);
249
+ const credentials = {};
250
+ const config = {};
251
+ for (const f of (p.credential_fields || [])) credentials[f.key] = document.getElementById(`f_${f.key}`).value.trim();
252
+ for (const f of (p.config_fields || [])) config[f.key] = document.getElementById(`f_${f.key}`).value.trim();
253
+ const label = document.getElementById('connectLabel').value.trim() || p.label;
254
+ const alertEl = document.getElementById('connectAlert');
255
+ const submitBtn = document.getElementById('connectSubmit');
256
+ submitBtn.disabled = true; submitBtn.textContent = 'Saving…';
257
+ alertEl.innerHTML = '';
258
+ try {
259
+ const r = await fetch(`${API}/accounts`, {
260
+ method: 'POST', headers: H(),
261
+ body: JSON.stringify({ provider_type: type, label, credentials, config })
262
+ });
263
+ const j = await r.json();
264
+ if (!r.ok) throw new Error(j.error || 'Failed to save');
265
+ alertEl.innerHTML = '<div class="alert alert-ok">Saved. Testing connection…</div>';
266
+ const t = await fetch(`${API}/accounts/${j.account.id}/test`, { method: 'POST', headers: H() });
267
+ const tj = await t.json();
268
+ if (!t.ok) {
269
+ alertEl.innerHTML = `<div class="alert alert-err">Saved, but test failed: ${esc(tj.error)}</div>`;
270
+ } else {
271
+ alertEl.innerHTML = `<div class="alert alert-ok">✅ Connected (${esc(tj.detail)}). Syncing zones…</div>`;
272
+ await fetch(`${API}/accounts/${j.account.id}/sync`, { method: 'POST', headers: H() });
273
+ setTimeout(() => { closeModal('connectModal'); flash('Provider connected and synced.'); loadAccounts(); }, 600);
274
+ return;
275
+ }
276
+ } catch (e) {
277
+ alertEl.innerHTML = `<div class="alert alert-err">${esc(e.message)}</div>`;
278
+ } finally {
279
+ submitBtn.disabled = false; submitBtn.textContent = 'Save & Test';
280
+ }
281
+ loadAccounts();
282
+ }
283
+
284
+ async function testAccount(id) {
285
+ flash('Testing…');
286
+ const r = await fetch(`${API}/accounts/${id}/test`, { method: 'POST', headers: H() });
287
+ const j = await r.json();
288
+ flash(r.ok ? `✅ ${j.detail || 'OK'}` : `❌ ${j.error}`, r.ok);
289
+ loadAccounts();
290
+ }
291
+
292
+ async function syncAccount(id) {
293
+ flash('Syncing zones…');
294
+ const r = await fetch(`${API}/accounts/${id}/sync`, { method: 'POST', headers: H() });
295
+ const j = await r.json();
296
+ flash(r.ok ? `✅ Synced ${j.count} domains` : `❌ ${j.error}`, r.ok);
297
+ loadAccounts();
298
+ if (SELECTED_ACCOUNT === id) viewDomains(id);
299
+ }
300
+
301
+ async function deleteAccount(id) {
302
+ if (!confirm('Delete this provider account? Stored credentials will be erased. This will not remove DNS records you already published.')) return;
303
+ const r = await fetch(`${API}/accounts/${id}`, { method: 'DELETE', headers: H() });
304
+ flash(r.ok ? 'Account deleted.' : 'Delete failed.', r.ok);
305
+ if (SELECTED_ACCOUNT === id) {
306
+ SELECTED_ACCOUNT = null;
307
+ document.getElementById('domainsCard').style.display = 'none';
308
+ }
309
+ loadAccounts();
310
+ }
311
+
312
+ async function viewDomains(id) {
313
+ SELECTED_ACCOUNT = id;
314
+ const acc = ACCOUNTS.find(a => a.id === id);
315
+ const card = document.getElementById('domainsCard');
316
+ card.style.display = 'block';
317
+ const t = PROVIDER_TYPES.find(p => p.type === acc.provider_type) || { label: acc.provider_type };
318
+ document.getElementById('domainsHeader').textContent = `Domains — ${t.label} · ${acc.label}`;
319
+ document.getElementById('domainsList').innerHTML = '<div class="empty">Loading…</div>';
320
+ const r = await fetch(`${API}/accounts/${id}/domains`, { headers: H() });
321
+ const j = await r.json();
322
+ const domains = j.domains || [];
323
+ const wabLive = domains.filter(d => d.wab_enabled).length;
324
+ document.getElementById('kWab').textContent = wabLive;
325
+ if (!domains.length) {
326
+ document.getElementById('domainsList').innerHTML = '<div class="empty">No domains synced yet. Click <strong>Sync</strong> on this account to fetch them from your provider.</div>';
327
+ return;
328
+ }
329
+ document.getElementById('domainsList').innerHTML = '<table><thead><tr><th>Domain</th><th>WAB</th><th>Last Action</th><th></th></tr></thead><tbody>' +
330
+ domains.map(d => `<tr>
331
+ <td><strong>${esc(d.domain)}</strong>${d.zone_id ? `<br><small style="color:#94a3b8">zone: <code>${esc(d.zone_id)}</code></small>` : ''}</td>
332
+ <td>${d.wab_enabled ? '<span class="pill pill-ok">● ON</span>' : '<span class="pill pill-pending">○ OFF</span>'}</td>
333
+ <td>${d.last_action ? `${esc(d.last_action)} · <span style="color:${d.last_action_status==='ok'?'#6ee7b7':'#fca5a5'}">${esc(d.last_action_status||'—')}</span><br><small style="color:#94a3b8">${esc(d.last_action_at||'')}</small>${d.last_action_error?'<br><small style="color:#fca5a5">'+esc(d.last_action_error)+'</small>':''}` : '<small style="color:#94a3b8">—</small>'}</td>
334
+ <td style="text-align:right;white-space:nowrap;">
335
+ ${d.wab_enabled
336
+ ? `<button class="btn btn-sm btn-danger" onclick="toggleWab('${id}','${esc(d.domain)}',false)">Disable WAB</button>`
337
+ : `<button class="btn btn-sm btn-success" onclick="toggleWab('${id}','${esc(d.domain)}',true)">Enable WAB</button>`}
338
+ </td>
339
+ </tr>`).join('') + '</tbody></table>';
340
+ }
341
+
342
+ async function toggleWab(accountId, domain, on) {
343
+ const path = on ? 'enable-wab' : 'disable-wab';
344
+ flash(`${on?'Enabling':'Disabling'} WAB on ${domain}…`);
345
+ const r = await fetch(`${API}/accounts/${accountId}/domains/${encodeURIComponent(domain)}/${path}`, {
346
+ method: 'POST', headers: H()
347
+ });
348
+ const j = await r.json();
349
+ flash(r.ok ? `✅ ${domain}: ${j.detail || 'ok'}` : `❌ ${domain}: ${j.error}`, r.ok);
350
+ viewDomains(accountId);
351
+ }
352
+
353
+ (async function init() {
354
+ await loadTypes();
355
+ await loadAccounts();
356
+ })();
357
+ </script>
358
+ </body>
359
+ </html>