thumbgate 1.4.2 → 1.4.4

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 (279) hide show
  1. package/.claude-plugin/README.md +45 -34
  2. package/.claude-plugin/marketplace.json +3 -3
  3. package/.claude-plugin/plugin.json +3 -3
  4. package/.well-known/llms.txt +1 -1
  5. package/.well-known/mcp/server-card.json +1 -1
  6. package/README.md +26 -2
  7. package/adapters/README.md +4 -1
  8. package/adapters/claude/.mcp.json +2 -2
  9. package/adapters/codex/config.toml +2 -2
  10. package/adapters/mcp/server-stdio.js +10 -4
  11. package/adapters/opencode/opencode.json +1 -1
  12. package/bin/cli.js +246 -90
  13. package/config/mcp-allowlists.json +11 -3
  14. package/package.json +184 -21
  15. package/scripts/audit-trail.js +25 -15
  16. package/scripts/auto-wire-hooks.js +127 -0
  17. package/scripts/cli-demo.js +102 -0
  18. package/scripts/cli-schema.js +285 -0
  19. package/scripts/cli-status.js +166 -0
  20. package/scripts/cross-encoder-reranker.js +235 -0
  21. package/scripts/explore-subcommands.js +277 -0
  22. package/scripts/explore.js +569 -0
  23. package/scripts/feedback-loop.js +20 -6
  24. package/scripts/lesson-inference.js +7 -1
  25. package/scripts/lesson-reranker.js +263 -0
  26. package/scripts/lesson-retrieval.js +34 -17
  27. package/scripts/lesson-search.js +69 -0
  28. package/scripts/perplexity-client.js +210 -0
  29. package/scripts/reflector-agent.js +2 -2
  30. package/scripts/statusline-local-stats.js +3 -1
  31. package/scripts/statusline.sh +12 -11
  32. package/src/api/server.js +178 -17
  33. package/src/index.js +3 -0
  34. package/.claude-plugin/bundle/icon.png +0 -0
  35. package/.claude-plugin/bundle/icon.svg +0 -18
  36. package/.claude-plugin/bundle/server/index.js +0 -24
  37. package/adapters/chatgpt/INSTALL.md +0 -138
  38. package/bin/memory.sh +0 -64
  39. package/bin/obsidian-sync.sh +0 -20
  40. package/plugins/amp-skill/INSTALL.md +0 -52
  41. package/plugins/amp-skill/SKILL.md +0 -64
  42. package/plugins/claude-codex-bridge/.claude-plugin/plugin.json +0 -22
  43. package/plugins/claude-codex-bridge/.mcp.json +0 -14
  44. package/plugins/claude-codex-bridge/INSTALL.md +0 -43
  45. package/plugins/claude-codex-bridge/README.md +0 -46
  46. package/plugins/claude-codex-bridge/scripts/codex-bridge.js +0 -286
  47. package/plugins/claude-codex-bridge/skills/adversarial-review/SKILL.md +0 -24
  48. package/plugins/claude-codex-bridge/skills/result/SKILL.md +0 -22
  49. package/plugins/claude-codex-bridge/skills/review/SKILL.md +0 -28
  50. package/plugins/claude-codex-bridge/skills/second-pass/SKILL.md +0 -27
  51. package/plugins/claude-codex-bridge/skills/setup/SKILL.md +0 -21
  52. package/plugins/claude-codex-bridge/skills/status/SKILL.md +0 -19
  53. package/plugins/claude-skill/INSTALL.md +0 -55
  54. package/plugins/claude-skill/SKILL.md +0 -46
  55. package/plugins/codex-profile/.codex-plugin/plugin.json +0 -43
  56. package/plugins/codex-profile/.mcp.json +0 -14
  57. package/plugins/codex-profile/AGENTS.md +0 -20
  58. package/plugins/codex-profile/INSTALL.md +0 -89
  59. package/plugins/codex-profile/README.md +0 -61
  60. package/plugins/cursor-marketplace/.cursor-plugin/plugin.json +0 -23
  61. package/plugins/cursor-marketplace/CHANGELOG.md +0 -30
  62. package/plugins/cursor-marketplace/LICENSE +0 -21
  63. package/plugins/cursor-marketplace/README.md +0 -124
  64. package/plugins/cursor-marketplace/agents/reliability-reviewer.md +0 -31
  65. package/plugins/cursor-marketplace/assets/logo-400x400.png +0 -0
  66. package/plugins/cursor-marketplace/commands/capture-feedback.md +0 -33
  67. package/plugins/cursor-marketplace/commands/check-gates.md +0 -25
  68. package/plugins/cursor-marketplace/commands/show-lessons.md +0 -27
  69. package/plugins/cursor-marketplace/hooks/hooks.json +0 -10
  70. package/plugins/cursor-marketplace/mcp.json +0 -14
  71. package/plugins/cursor-marketplace/rules/feedback-capture.mdc +0 -34
  72. package/plugins/cursor-marketplace/rules/pre-action-gates.mdc +0 -30
  73. package/plugins/cursor-marketplace/rules/session-continuity.mdc +0 -28
  74. package/plugins/cursor-marketplace/scripts/gate-check.sh +0 -21
  75. package/plugins/cursor-marketplace/skills/capture-feedback/SKILL.md +0 -48
  76. package/plugins/cursor-marketplace/skills/prevention-rules/SKILL.md +0 -31
  77. package/plugins/cursor-marketplace/skills/recall-context/SKILL.md +0 -30
  78. package/plugins/cursor-marketplace/skills/search-lessons/SKILL.md +0 -33
  79. package/plugins/gemini-extension/INSTALL.md +0 -92
  80. package/plugins/gemini-extension/gemini_prompt.txt +0 -14
  81. package/plugins/gemini-extension/tool_contract.json +0 -45
  82. package/plugins/opencode-profile/INSTALL.md +0 -57
  83. package/public/assets/instagram-card.png +0 -0
  84. package/public/assets/tiktok-agent-memory.mp4 +0 -0
  85. package/public/blog.html +0 -474
  86. package/public/compare/mem0.html +0 -189
  87. package/public/compare/speclock.html +0 -180
  88. package/public/compare.html +0 -310
  89. package/public/dashboard.html +0 -1100
  90. package/public/guide.html +0 -317
  91. package/public/guides/claude-code-prevent-repeated-mistakes.html +0 -161
  92. package/public/guides/codex-cli-guardrails.html +0 -158
  93. package/public/guides/cursor-prevent-repeated-mistakes.html +0 -161
  94. package/public/guides/pre-action-gates.html +0 -162
  95. package/public/guides/stop-repeated-ai-agent-mistakes.html +0 -159
  96. package/public/index.html +0 -1128
  97. package/public/js/buyer-intent.js +0 -252
  98. package/public/learn/agent-harness-pattern.html +0 -180
  99. package/public/learn/ai-agent-persistent-memory.html +0 -203
  100. package/public/learn/learn.css +0 -45
  101. package/public/learn/mcp-pre-action-gates-explained.html +0 -172
  102. package/public/learn/stop-ai-agent-force-push.html +0 -134
  103. package/public/learn/vibe-coding-safety-net.html +0 -142
  104. package/public/learn.html +0 -274
  105. package/public/lessons.html +0 -967
  106. package/public/llm-context.md +0 -140
  107. package/public/pro.html +0 -1087
  108. package/public/vercel.json +0 -8
  109. package/scripts/a2ui-engine.js +0 -73
  110. package/scripts/adk-consolidator.js +0 -274
  111. package/scripts/agent-security-hardening.js +0 -225
  112. package/scripts/ai-search-visibility.js +0 -142
  113. package/scripts/autonomous-sales-agent.js +0 -39
  114. package/scripts/autoresearch-runner.js +0 -216
  115. package/scripts/background-agent-governance.js +0 -229
  116. package/scripts/behavioral-extraction.js +0 -93
  117. package/scripts/budget-enforcer.js +0 -173
  118. package/scripts/budget-guard.js +0 -173
  119. package/scripts/build-claude-mcpb.js +0 -255
  120. package/scripts/build-codex-plugin.js +0 -152
  121. package/scripts/capture-railway-diagnostics.sh +0 -97
  122. package/scripts/changeset-check.js +0 -372
  123. package/scripts/check-congruence.js +0 -443
  124. package/scripts/computer-use-firewall.js +0 -280
  125. package/scripts/content-engine/linkedin-content-generator.js +0 -154
  126. package/scripts/content-engine/output/linkedin-memento-validation.md +0 -17
  127. package/scripts/content-engine/output/linkedin-posts-2026-04-09.md +0 -175
  128. package/scripts/content-engine/reddit-thread-finder.js +0 -154
  129. package/scripts/context-engine.js +0 -710
  130. package/scripts/daily-digest.js +0 -11
  131. package/scripts/data-governance.js +0 -173
  132. package/scripts/deploy-gcp.sh +0 -44
  133. package/scripts/deploy-policy.js +0 -249
  134. package/scripts/disagreement-mining.js +0 -315
  135. package/scripts/dpo-optimizer.js +0 -206
  136. package/scripts/ensure-repo-bootstrap.js +0 -130
  137. package/scripts/ephemeral-agent-store.js +0 -212
  138. package/scripts/eval-harness.js +0 -56
  139. package/scripts/export-kto-pairs.js +0 -309
  140. package/scripts/export-training.js +0 -446
  141. package/scripts/feedback-fallback.js +0 -111
  142. package/scripts/feedback-inbox-read.js +0 -162
  143. package/scripts/feedback-root-consolidator.js +0 -233
  144. package/scripts/feedback-to-memory.js +0 -185
  145. package/scripts/gate-satisfy.js +0 -42
  146. package/scripts/generate-paperbanana-diagrams.sh +0 -99
  147. package/scripts/generate-pretool-hook.sh +0 -40
  148. package/scripts/github-about.js +0 -430
  149. package/scripts/github-outreach.js +0 -65
  150. package/scripts/gtm-revenue-loop.js +0 -535
  151. package/scripts/hallucination-detector.js +0 -226
  152. package/scripts/hf-papers.js +0 -317
  153. package/scripts/hook-auto-capture.sh +0 -100
  154. package/scripts/hook-stop-pr-thread-check.sh +0 -68
  155. package/scripts/hook-stop-self-score.sh +0 -51
  156. package/scripts/hook-stop-verify-deploy.sh +0 -31
  157. package/scripts/hook-verify-before-done.sh +0 -20
  158. package/scripts/managed-dpo-export.js +0 -91
  159. package/scripts/markdown-escape.js +0 -12
  160. package/scripts/marketing-experiment.js +0 -657
  161. package/scripts/memalign-recall.js +0 -111
  162. package/scripts/memory-migration.js +0 -296
  163. package/scripts/meta-policy.js +0 -190
  164. package/scripts/metered-billing.js +0 -16
  165. package/scripts/model-tier-router.js +0 -310
  166. package/scripts/money-watcher.js +0 -218
  167. package/scripts/multi-hop-recall.js +0 -240
  168. package/scripts/per-step-scoring.js +0 -163
  169. package/scripts/perplexity-marketing.js +0 -466
  170. package/scripts/pii-scanner.js +0 -153
  171. package/scripts/plan-gate.js +0 -154
  172. package/scripts/post-everywhere.js +0 -341
  173. package/scripts/post-to-x-retry.sh +0 -22
  174. package/scripts/post-to-x.js +0 -369
  175. package/scripts/pr-manager.js +0 -421
  176. package/scripts/principle-extractor.js +0 -162
  177. package/scripts/pro-features.js +0 -41
  178. package/scripts/prompt-dlp.js +0 -222
  179. package/scripts/prove-adapters.js +0 -860
  180. package/scripts/prove-attribution.js +0 -361
  181. package/scripts/prove-automation.js +0 -651
  182. package/scripts/prove-autoresearch.js +0 -304
  183. package/scripts/prove-claim-verification.js +0 -277
  184. package/scripts/prove-cloudflare-sandbox.js +0 -161
  185. package/scripts/prove-data-pipeline.js +0 -408
  186. package/scripts/prove-data-quality.js +0 -227
  187. package/scripts/prove-evolution.js +0 -352
  188. package/scripts/prove-harnesses.js +0 -287
  189. package/scripts/prove-intelligence.js +0 -257
  190. package/scripts/prove-lancedb.js +0 -425
  191. package/scripts/prove-local-intelligence.js +0 -340
  192. package/scripts/prove-loop-closure.js +0 -263
  193. package/scripts/prove-packaged-runtime.js +0 -326
  194. package/scripts/prove-predictive-insights.js +0 -355
  195. package/scripts/prove-runtime.js +0 -363
  196. package/scripts/prove-seo-gsd.js +0 -234
  197. package/scripts/prove-settings.js +0 -279
  198. package/scripts/prove-subway-upgrades.js +0 -277
  199. package/scripts/prove-tessl.js +0 -229
  200. package/scripts/prove-training-export.js +0 -325
  201. package/scripts/prove-workflow-contract.js +0 -112
  202. package/scripts/prove-xmemory.js +0 -332
  203. package/scripts/publish-decision.js +0 -159
  204. package/scripts/ralph-loop.js +0 -376
  205. package/scripts/ralph-mode-ci.js +0 -331
  206. package/scripts/reddit-dm-outreach.js +0 -192
  207. package/scripts/reddit-monitor-cron.sh +0 -26
  208. package/scripts/reminder-engine.js +0 -132
  209. package/scripts/revenue-status.js +0 -472
  210. package/scripts/rotate-stripe-webhook-secret.js +0 -314
  211. package/scripts/schedule-manager.js +0 -249
  212. package/scripts/self-healing-check.js +0 -193
  213. package/scripts/shieldcortex-memory-firewall-runner.mjs +0 -53
  214. package/scripts/skill-exporter.js +0 -260
  215. package/scripts/skill-materializer.js +0 -134
  216. package/scripts/skill-packs.js +0 -136
  217. package/scripts/skill-proposer.js +0 -99
  218. package/scripts/skill-quality-tracker.js +0 -282
  219. package/scripts/slow-loop.js +0 -72
  220. package/scripts/social-analytics/db/analytics.sqlite +0 -0
  221. package/scripts/social-analytics/db/schema.sql +0 -32
  222. package/scripts/social-analytics/digest.js +0 -256
  223. package/scripts/social-analytics/engagement-audit.js +0 -185
  224. package/scripts/social-analytics/generate-instagram-card.js +0 -97
  225. package/scripts/social-analytics/instagram-thumbgate-post.js +0 -111
  226. package/scripts/social-analytics/install-growth-automation.js +0 -114
  227. package/scripts/social-analytics/load-env.js +0 -77
  228. package/scripts/social-analytics/mcp-server.js +0 -289
  229. package/scripts/social-analytics/normalizer.js +0 -580
  230. package/scripts/social-analytics/notify.js +0 -162
  231. package/scripts/social-analytics/poll-all.js +0 -107
  232. package/scripts/social-analytics/pollers/github.js +0 -195
  233. package/scripts/social-analytics/pollers/instagram.js +0 -253
  234. package/scripts/social-analytics/pollers/linkedin.js +0 -340
  235. package/scripts/social-analytics/pollers/plausible.js +0 -245
  236. package/scripts/social-analytics/pollers/reddit.js +0 -306
  237. package/scripts/social-analytics/pollers/threads.js +0 -233
  238. package/scripts/social-analytics/pollers/tiktok.js +0 -203
  239. package/scripts/social-analytics/pollers/x.js +0 -227
  240. package/scripts/social-analytics/pollers/youtube.js +0 -304
  241. package/scripts/social-analytics/pollers/zernio.js +0 -183
  242. package/scripts/social-analytics/publish-instagram-thumbgate.js +0 -104
  243. package/scripts/social-analytics/publish-thumbgate-launch.js +0 -322
  244. package/scripts/social-analytics/publishers/devto.js +0 -122
  245. package/scripts/social-analytics/publishers/instagram.js +0 -317
  246. package/scripts/social-analytics/publishers/linkedin.js +0 -294
  247. package/scripts/social-analytics/publishers/reddit.js +0 -385
  248. package/scripts/social-analytics/publishers/threads.js +0 -275
  249. package/scripts/social-analytics/publishers/tiktok.js +0 -217
  250. package/scripts/social-analytics/publishers/x.js +0 -259
  251. package/scripts/social-analytics/publishers/youtube.js +0 -223
  252. package/scripts/social-analytics/publishers/zernio.js +0 -539
  253. package/scripts/social-analytics/reconcile-thumbgate-campaign.js +0 -165
  254. package/scripts/social-analytics/run-digest.js +0 -34
  255. package/scripts/social-analytics/schedule-thumbgate-campaign.js +0 -275
  256. package/scripts/social-analytics/store.js +0 -455
  257. package/scripts/social-analytics/sync-launch-assets.js +0 -185
  258. package/scripts/social-analytics/utm.js +0 -143
  259. package/scripts/social-pipeline.js +0 -2626
  260. package/scripts/social-post-hourly.js +0 -228
  261. package/scripts/social-quality-gate.js +0 -134
  262. package/scripts/social-reply-monitor.js +0 -592
  263. package/scripts/status-dashboard.js +0 -155
  264. package/scripts/stripe-live-status.js +0 -115
  265. package/scripts/subagent-profiles.js +0 -79
  266. package/scripts/sync-branch-protection.js +0 -340
  267. package/scripts/sync-gh-secrets-from-env.sh +0 -70
  268. package/scripts/sync-github-about.js +0 -55
  269. package/scripts/sync-version.js +0 -479
  270. package/scripts/synthetic-dpo.js +0 -234
  271. package/scripts/tessl-export.js +0 -369
  272. package/scripts/test-coverage.js +0 -128
  273. package/scripts/thumbgate_session_start.sh +0 -32
  274. package/scripts/train_from_feedback.py +0 -929
  275. package/scripts/validate-feedback.js +0 -581
  276. package/scripts/verify-obsidian-setup.sh +0 -269
  277. package/scripts/verify-run.js +0 -269
  278. package/scripts/weekly-auto-post.js +0 -124
  279. package/scripts/x-autonomous-marketing.js +0 -139
@@ -1,1100 +0,0 @@
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>ThumbGate Dashboard — Gate Stats, Approval Rate, Prevention Impact</title>
7
- <meta name="description" content="Live dashboard showing gate enforcement stats, approval rate trends, prevention impact, and system health for ThumbGate pre-action gates.">
8
- <link rel="canonical" href="https://thumbgate-production.up.railway.app/dashboard">
9
- <meta name="robots" content="noindex">
10
- <!-- Privacy-friendly analytics by Plausible -->
11
- <script defer data-domain="thumbgate-production.up.railway.app" src="https://plausible.io/js/script.js"></script>
12
- <style>
13
- *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
14
- :root {
15
- --bg: #0a0a0b; --bg-raised: #111113; --bg-card: #161618; --border: #222225;
16
- --text: #e8e8ec; --text-muted: #8b8b96; --cyan: #22d3ee;
17
- --cyan-dim: rgba(34,211,238,0.12); --green: #4ade80; --red: #f87171;
18
- --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif;
19
- --mono: 'SF Mono', 'Cascadia Code', 'JetBrains Mono', 'Fira Code', Consolas, monospace;
20
- }
21
- html { scroll-behavior: smooth; }
22
- body { font-family: var(--font); background: var(--bg); color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; }
23
- .container { max-width: 1060px; margin: 0 auto; padding: 0 24px; }
24
-
25
- /* NAV */
26
- nav { position: sticky; top: 0; z-index: 50; background: rgba(10,10,11,0.85); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); padding: 14px 0; }
27
- nav .container { display: flex; justify-content: space-between; align-items: center; }
28
- .nav-logo { font-weight: 700; font-size: 15px; color: var(--text); text-decoration: none; }
29
- .nav-links { display: flex; gap: 16px; align-items: center; }
30
- .nav-links a { color: var(--text-muted); text-decoration: none; font-size: 13px; }
31
- .nav-links a:hover { color: var(--text); }
32
-
33
- /* AUTH */
34
- .auth-bar { padding: 24px 0; border-bottom: 1px solid var(--border); margin-bottom: 32px; }
35
- .auth-bar .container { display: flex; gap: 12px; align-items: center; }
36
- .auth-input { flex: 1; max-width: 400px; background: var(--bg-raised); border: 1px solid var(--border); border-radius: 8px; padding: 10px 14px; color: var(--text); font-family: var(--mono); font-size: 13px; }
37
- .auth-input:focus { outline: none; border-color: var(--cyan); }
38
- .auth-input::placeholder { color: var(--text-muted); }
39
- .btn { background: var(--cyan); color: var(--bg); padding: 10px 20px; border: none; border-radius: 8px; font-weight: 600; font-size: 13px; cursor: pointer; }
40
- .btn:hover { opacity: 0.85; }
41
- .btn:disabled { opacity: 0.4; cursor: not-allowed; }
42
- .auth-status { font-size: 13px; color: var(--text-muted); }
43
- .auth-status.ok { color: var(--green); }
44
- .auth-status.err { color: var(--red); }
45
-
46
- /* STATS */
47
- .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 32px; }
48
- .stat-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 20px; transition: border-color 0.15s, background 0.15s, transform 0.1s; }
49
- .stat-card:hover { border-color: rgba(34,211,238,0.4); transform: translateY(-2px); }
50
- .stat-card.selected { border-color: rgba(34,211,238,0.6); background: rgba(34,211,238,0.05); }
51
- .stat-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }
52
- .stat-value { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; }
53
- .stat-value.green { color: var(--green); }
54
- .stat-value.red { color: var(--red); }
55
- .stat-value.cyan { color: var(--cyan); }
56
-
57
- /* SEARCH */
58
- .search-section { margin-bottom: 32px; }
59
- .search-bar { display: flex; gap: 12px; margin-bottom: 20px; }
60
- .search-input { flex: 1; background: var(--bg-raised); border: 1px solid var(--border); border-radius: 8px; padding: 12px 16px; color: var(--text); font-size: 15px; }
61
- .search-input:focus { outline: none; border-color: var(--cyan); }
62
- .search-input::placeholder { color: var(--text-muted); }
63
- .search-filters { display: flex; gap: 8px; margin-bottom: 16px; }
64
- .filter-btn { background: var(--bg-raised); border: 1px solid var(--border); border-radius: 6px; padding: 6px 14px; color: var(--text-muted); font-size: 12px; cursor: pointer; }
65
- .filter-btn:hover, .filter-btn.active { border-color: var(--cyan); color: var(--cyan); }
66
-
67
- /* RESULTS */
68
- .results { display: flex; flex-direction: column; gap: 12px; }
69
- .result-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 20px; transition: border-color 0.15s; }
70
- .result-card:hover { border-color: rgba(34,211,238,0.3); }
71
- .result-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
72
- .result-signal { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; padding: 2px 8px; border-radius: 4px; }
73
- .result-signal.up { background: rgba(74,222,128,0.12); color: var(--green); }
74
- .result-signal.down { background: rgba(248,113,113,0.12); color: var(--red); }
75
- .result-date { font-size: 12px; color: var(--text-muted); }
76
- .result-title { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
77
- .result-context { font-size: 13px; color: var(--text-muted); line-height: 1.5; }
78
- .result-tags { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
79
- .tag { font-size: 11px; background: var(--cyan-dim); color: var(--cyan); padding: 2px 8px; border-radius: 4px; cursor: pointer; transition: background 0.15s, transform 0.1s; border: none; font-family: inherit; }
80
- .tag:hover { background: rgba(34,211,238,0.25); transform: translateY(-1px); }
81
- mark { background: rgba(34,211,238,0.25); color: var(--cyan); border-radius: 2px; padding: 0 2px; }
82
-
83
- /* GATES */
84
- .gates-section { margin-bottom: 32px; }
85
- .gate-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px 20px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; }
86
- .gate-name { font-size: 14px; font-weight: 600; }
87
- .gate-pattern { font-size: 12px; color: var(--text-muted); font-family: var(--mono); margin-top: 4px; }
88
- .gate-action { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 4px; }
89
- .gate-action.block { background: rgba(248,113,113,0.12); color: var(--red); }
90
- .gate-action.warn { background: rgba(251,191,36,0.12); color: #fbbf24; }
91
-
92
- /* TEAM */
93
- .team-section, .templates-section { margin-bottom: 40px; }
94
- .team-grid, .template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
95
- .team-card, .template-card, .panel { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 18px; }
96
- .panel h3, .template-card h3 { font-size: 15px; margin-bottom: 10px; }
97
- .team-kicker { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }
98
- .team-value { font-size: 28px; font-weight: 700; color: var(--cyan); letter-spacing: -0.03em; }
99
- .team-note { font-size: 13px; color: var(--text-muted); margin-top: 6px; }
100
- .team-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
101
- .risk-row, .blocked-row, .template-meta { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
102
- .risk-row, .blocked-row { padding: 10px 0; border-bottom: 1px solid var(--border); }
103
- .risk-row:last-child, .blocked-row:last-child { border-bottom: none; }
104
- .risk-name, .blocked-name { font-size: 14px; font-weight: 600; }
105
- .risk-meta, .blocked-meta, .template-copy { font-size: 12px; color: var(--text-muted); }
106
- .template-copy { margin: 8px 0 12px; line-height: 1.6; }
107
- .template-meta { margin-bottom: 8px; }
108
- .template-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; border-radius: 999px; padding: 4px 10px; background: var(--bg-raised); color: var(--text-muted); border: 1px solid var(--border); margin-right: 8px; margin-bottom: 8px; }
109
- .template-pattern { font-family: var(--mono); font-size: 12px; color: var(--text-muted); background: var(--bg-raised); padding: 10px 12px; border-radius: 8px; overflow-x: auto; }
110
- .template-summary { font-size: 13px; color: var(--text-muted); margin-bottom: 16px; }
111
- .generated-toolbar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
112
- .generated-view-btn { background: var(--bg-raised); border: 1px solid var(--border); border-radius: 999px; padding: 8px 14px; color: var(--text-muted); font-size: 12px; font-weight: 600; cursor: pointer; }
113
- .generated-view-btn:hover, .generated-view-btn.active { border-color: var(--cyan); color: var(--cyan); }
114
- .generated-canvas { display: flex; flex-direction: column; gap: 16px; }
115
- .generated-section-title { font-size: 15px; margin-bottom: 12px; }
116
- .generated-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
117
- .generated-list { display: flex; flex-direction: column; gap: 10px; }
118
- .generated-list-row { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--border); }
119
- .generated-list-row:last-child { border-bottom: none; padding-bottom: 0; }
120
- .generated-list-title { font-size: 14px; font-weight: 600; }
121
- .generated-list-subtitle { font-size: 12px; color: var(--text-muted); line-height: 1.55; margin-top: 4px; }
122
- .generated-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 10px; font-size: 11px; font-weight: 700; background: var(--bg-raised); color: var(--text-muted); border: 1px solid var(--border); white-space: nowrap; }
123
- .generated-callout.warning { border-color: rgba(251,191,36,0.35); background: rgba(251,191,36,0.06); }
124
- .generated-callout.danger { border-color: rgba(248,113,113,0.35); background: rgba(248,113,113,0.06); }
125
- .generated-callout.success { border-color: rgba(74,222,128,0.35); background: rgba(74,222,128,0.06); }
126
-
127
- /* EXPORT */
128
- .export-section { margin-bottom: 48px; }
129
- .export-btn { background: var(--bg-raised); border: 1px solid var(--border); border-radius: 8px; padding: 12px 20px; color: var(--text); font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: border-color 0.15s; }
130
- .export-btn:hover { border-color: var(--cyan); color: var(--cyan); }
131
-
132
- /* TABS */
133
- .tabs { display: flex; gap: 0; border-bottom: 1px solid var(--border); margin-bottom: 24px; }
134
- .tab { padding: 12px 20px; font-size: 14px; font-weight: 500; color: var(--text-muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
135
- .tab:hover { color: var(--text); }
136
- .tab.active { color: var(--cyan); border-bottom-color: var(--cyan); }
137
- .tab-content { display: none; }
138
- .tab-content.active { display: block; }
139
-
140
- .btn-outline { background: transparent; color: var(--cyan); border: 1px solid var(--cyan); padding: 10px 20px; border-radius: 8px; font-weight: 600; font-size: 13px; cursor: pointer; }
141
- .btn-outline:hover { background: var(--cyan-dim); }
142
- .demo-badge { background: var(--cyan-dim); color: var(--cyan); font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; margin-left: 10px; }
143
- .demo-banner { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px 20px; margin-bottom: 24px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
144
- .demo-banner a { color: var(--cyan); text-decoration: none; font-weight: 600; }
145
- .demo-banner a:hover { text-decoration: underline; }
146
-
147
- .empty { text-align: center; padding: 48px; color: var(--text-muted); font-size: 15px; }
148
- .loading { text-align: center; padding: 24px; color: var(--text-muted); }
149
- h2 { font-size: 20px; font-weight: 700; margin-bottom: 16px; letter-spacing: -0.02em; }
150
- .settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin-bottom: 24px; }
151
- .settings-card, .origin-row, .layer-row, .routing-row { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 16px; }
152
- .layer-row, .routing-row, .origin-row { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 12px; }
153
- .scope-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; background: var(--cyan-dim); color: var(--cyan); }
154
- .settings-card .team-kicker, .origin-path, .routing-name, .layer-name { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
155
- .settings-card .team-value, .origin-value { font-size: 18px; font-weight: 700; color: var(--text); margin-top: 8px; word-break: break-word; }
156
- .origin-list, .layer-list, .routing-list { display: flex; flex-direction: column; gap: 12px; }
157
- .origin-note, .layer-note, .routing-note { font-size: 13px; color: var(--text-muted); line-height: 1.55; }
158
-
159
- @media (max-width: 700px) {
160
- .stats-grid { grid-template-columns: repeat(2, 1fr); }
161
- .search-filters { flex-wrap: wrap; }
162
- .team-grid, .template-grid, .team-columns, .settings-grid, .generated-grid { grid-template-columns: 1fr; }
163
- }
164
- </style>
165
- </head>
166
- <body>
167
-
168
- <nav>
169
- <div class="container">
170
- <a href="/" class="nav-logo">👍👎 ThumbGate Dashboard</a>
171
- <div class="nav-links">
172
- <a href="/dashboard" class="active" style="color:var(--cyan);">Dashboard</a>
173
- <a href="/lessons">Lessons</a>
174
- <a href="/">Landing Page</a>
175
- <a href="https://github.com/IgorGanapolsky/ThumbGate" target="_blank" rel="noopener">GitHub</a>
176
- </div>
177
- </div>
178
- </nav>
179
-
180
- <div class="auth-bar">
181
- <div class="container">
182
- <div style="margin-bottom:10px;">
183
- <span style="font-size:14px;font-weight:600;">Connect your API key</span>
184
- <span id="authHelp" style="font-size:13px;color:var(--text-muted);margin-left:8px;">Pro auto-connects locally when you launch with <code style="font-family:var(--mono);font-size:12px;background:var(--cyan-dim);color:var(--cyan);padding:2px 6px;border-radius:4px;">npx thumbgate pro</code>. Otherwise paste your <code style="font-family:var(--mono);font-size:12px;background:var(--cyan-dim);color:var(--cyan);padding:2px 6px;border-radius:4px;">THUMBGATE_API_KEY</code> manually.</span>
185
- </div>
186
- <div style="display:flex;gap:12px;align-items:center;">
187
- <input type="password" class="auth-input" id="apiKey" placeholder="Paste your API key here (THUMBGATE_API_KEY or THUMBGATE_PRO_KEY)..." />
188
- <button class="btn" id="connectBtn" onclick="connect()">Connect</button>
189
- <button class="btn-outline" id="demoBtn" onclick="loadDemo()">Try Demo</button>
190
- <span class="auth-status" id="authStatus"></span>
191
- </div>
192
- </div>
193
- </div>
194
-
195
- <div class="container" id="dashboardContent" style="display:none;">
196
-
197
- <div style="margin:0 0 24px;padding:24px;background:linear-gradient(135deg,rgba(34,211,238,0.08),rgba(74,222,128,0.05));border:1px solid rgba(34,211,238,0.2);border-radius:12px;">
198
- <h1 style="font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em;">🔍 Operations Dashboard</h1>
199
- <p style="font-size:14px;color:var(--text-muted);line-height:1.6;max-width:700px;">What's happening right now? Search memories, inspect active gates, manage your team, and export training data. <span style="color:var(--cyan);font-weight:600;">This is your control plane for AI agent behavior.</span></p>
200
- <div style="display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted);">
201
- <span>🔍 <strong style="color:var(--text);">Search</strong> — find any memory</span>
202
- <span>🛡️ <strong style="color:var(--text);">Gates</strong> — what's blocking</span>
203
- <span>👥 <strong style="color:var(--text);">Team</strong> — org metrics</span>
204
- <span>📤 <strong style="color:var(--text);">Export</strong> — DPO training data</span>
205
- </div>
206
- </div>
207
-
208
- <div class="demo-banner" id="demoBanner" style="display:none;">
209
- <span>📊 <strong>Demo Mode</strong> — sample data. Pro unlocks your personal dashboard with search, DPO export, and gate analytics.</span>
210
- <a href="https://buy.stripe.com/5kQ4gzbmI9Lo6tPayn3sI06" target="_blank" rel="noopener" style="background:#b85c2d;color:#fff;padding:6px 14px;border-radius:8px;text-decoration:none;font-weight:700;white-space:nowrap;">Upgrade to Pro — $19/mo</a>
211
- </div>
212
-
213
- <!-- STATS -->
214
- <div class="stats-grid" id="statsGrid">
215
- <div class="stat-card" data-card-action="all" onclick="selectCard(this,'all')" style="cursor:pointer;" title="Show all feedback"><div class="stat-label">Total Feedback</div><div class="stat-value cyan" id="statTotal">—</div></div>
216
- <div class="stat-card" data-card-action="up" onclick="selectCard(this,'up')" style="cursor:pointer;" title="Show positive feedback"><div class="stat-label">👍 Positive</div><div class="stat-value green" id="statPositive">—</div></div>
217
- <div class="stat-card" data-card-action="down" onclick="selectCard(this,'down')" style="cursor:pointer;" title="Show negative feedback"><div class="stat-label">👎 Negative</div><div class="stat-value red" id="statNegative">—</div></div>
218
- <div class="stat-card" data-card-action="gates" onclick="selectCard(this,'gates')" style="cursor:pointer;" title="View active gates"><div class="stat-label">Active Gates</div><div class="stat-value cyan" id="statGates">—</div></div>
219
- </div>
220
-
221
- <!-- TABS -->
222
- <div class="tabs">
223
- <div class="tab active" onclick="switchTab('search')">🔍 Search Memories</div>
224
- <div class="tab" onclick="switchTab('gates')">🛡️ Active Gates</div>
225
- <div class="tab" onclick="switchTab('team')">👥 Team</div>
226
- <div class="tab" onclick="switchTab('generated')">🧩 Generated Views</div>
227
- <div class="tab" onclick="switchTab('settings')">⚙️ Policy Origins</div>
228
- <div class="tab" onclick="switchTab('templates')">🧱 Gate Templates</div>
229
- <div class="tab" onclick="switchTab('export')">📦 Export</div>
230
- </div>
231
-
232
- <!-- SEARCH TAB -->
233
- <div class="tab-content active" id="tab-search">
234
- <div class="search-section">
235
- <div class="search-bar">
236
- <input type="text" class="search-input" id="searchQuery" placeholder="Search memories... (try: git, test, deploy, secrets, database)" onkeydown="if(event.key==='Enter')search()" />
237
- <button class="btn" onclick="search()">Search</button>
238
- </div>
239
- <div class="search-filters">
240
- <button class="filter-btn active" data-source="all" onclick="setSource(this,'all')">All</button>
241
- <button class="filter-btn" data-source="feedback" onclick="setSource(this,'feedback')">Feedback</button>
242
- <button class="filter-btn" data-source="context" onclick="setSource(this,'context')">Context</button>
243
- <button class="filter-btn" data-source="rules" onclick="setSource(this,'rules')">Rules</button>
244
- </div>
245
- <div class="results" id="searchResults">
246
- <div class="empty">Enter a query to search your memories</div>
247
- </div>
248
- </div>
249
- </div>
250
-
251
- <!-- GATES TAB -->
252
- <div class="tab-content" id="tab-gates">
253
- <div class="gates-section">
254
- <h2>Active Pre-Action Gates</h2>
255
- <div id="gatesList"><div class="loading">Loading gates...</div></div>
256
- </div>
257
- </div>
258
-
259
- <!-- TEAM TAB -->
260
- <div class="tab-content" id="tab-team">
261
- <div class="team-section">
262
- <h2>Shared Team Reliability</h2>
263
- <p class="template-summary">See which agents drift, which gates save the team the most time, and whether the shared workflow is getting safer.</p>
264
- <div class="team-grid" id="teamSummaryCards"><div class="loading">Loading team metrics...</div></div>
265
- <div class="team-grid" id="predictiveSummaryCards"><div class="loading">Loading predictive insights...</div></div>
266
- <div class="team-columns">
267
- <div class="panel">
268
- <h3>Highest-Risk Agents</h3>
269
- <div id="teamRiskAgents"><div class="loading">Loading agent risk...</div></div>
270
- </div>
271
- <div class="panel">
272
- <h3>Top Blocked Gates</h3>
273
- <div id="teamBlockedGates"><div class="loading">Loading blocked gates...</div></div>
274
- </div>
275
- </div>
276
- <div class="panel" style="margin-top:16px;">
277
- <h3>Predictive Watchlist</h3>
278
- <div id="predictiveAnomalies"><div class="loading">Loading predictive watchlist...</div></div>
279
- </div>
280
- </div>
281
- </div>
282
-
283
- <!-- GENERATED TAB -->
284
- <div class="tab-content" id="tab-generated">
285
- <div class="templates-section">
286
- <h2>Generated Hosted Views</h2>
287
- <p class="template-summary" id="generatedViewSummary">A constrained JSON spec builds opinionated review dashboards from approved cards, lists, and callouts.</p>
288
- <div class="generated-toolbar" id="generatedViewToolbar"><div class="loading">Loading generated views...</div></div>
289
- <div class="generated-canvas" id="generatedViewCanvas"><div class="loading">Loading generated view...</div></div>
290
- </div>
291
- </div>
292
-
293
- <!-- SETTINGS TAB -->
294
- <div class="tab-content" id="tab-settings">
295
- <div class="templates-section">
296
- <h2>Policy Origins</h2>
297
- <div class="template-summary" id="settingsSummary">Loading settings hierarchy...</div>
298
- <div class="settings-grid" id="settingsSummaryCards"><div class="loading">Loading settings summary...</div></div>
299
- <div class="team-columns">
300
- <div class="panel">
301
- <h3>Layer Precedence</h3>
302
- <div class="layer-list" id="settingsLayers"><div class="loading">Loading layers...</div></div>
303
- </div>
304
- <div class="panel">
305
- <h3>Routing Preview</h3>
306
- <div class="routing-list" id="settingsRouting"><div class="loading">Loading routing...</div></div>
307
- </div>
308
- </div>
309
- <div class="panel">
310
- <h3>Resolved Setting Origins</h3>
311
- <div class="origin-list" id="settingsOrigins"><div class="loading">Loading settings origins...</div></div>
312
- </div>
313
- </div>
314
- </div>
315
-
316
- <!-- TEMPLATES TAB -->
317
- <div class="tab-content" id="tab-templates">
318
- <div class="templates-section">
319
- <h2>Curated Gate Templates</h2>
320
- <div class="template-summary" id="templateSummary">Loading template library...</div>
321
- <div class="template-grid" id="templateLibrary"><div class="loading">Loading templates...</div></div>
322
- </div>
323
- </div>
324
-
325
- <!-- EXPORT TAB -->
326
- <div class="tab-content" id="tab-export">
327
- <div class="export-section">
328
- <h2>Export Training Data (DPO)</h2>
329
- <div style="background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px;max-width:640px;">
330
- <h3 style="font-size:15px;margin-bottom:8px;">What is DPO?</h3>
331
- <p style="color:var(--text-muted);font-size:14px;line-height:1.65;margin-bottom:12px;"><strong style="color:var(--text);">Direct Preference Optimization</strong> is a technique for fine-tuning LLMs using human preference data. Your 👍/👎 feedback is converted into training pairs:</p>
332
- <div style="background:var(--bg-raised);border-radius:8px;padding:16px;font-family:var(--mono);font-size:13px;line-height:1.6;margin-bottom:12px;">
333
- <div><span style="color:var(--green);">👍 "chosen"</span> — the response that worked</div>
334
- <div><span style="color:var(--red);">👎 "rejected"</span> — the response that failed</div>
335
- </div>
336
- <p style="color:var(--text-muted);font-size:14px;line-height:1.65;">Use these pairs to fine-tune any model (OpenAI, Llama, Mistral) so it <strong style="color:var(--text);">actually learns from your corrections</strong> — not just blocks mistakes, but stops making them.</p>
337
- </div>
338
- <button class="export-btn" onclick="exportDpo()">📥 Download DPO Pairs (JSON)</button>
339
- <div id="exportStatus" style="margin-top:12px;font-size:13px;color:var(--text-muted);"></div>
340
- </div>
341
- </div>
342
-
343
- </div>
344
-
345
- <script>
346
- let API_KEY = '';
347
- let currentSource = 'all';
348
- let isDemo = false;
349
- let demoData = [];
350
- let dashboardSnapshot = null;
351
- let currentGeneratedView = 'team-review';
352
- const BOOTSTRAP_API_KEY = __DASHBOARD_BOOTSTRAP_KEY__;
353
- const LOCAL_PRO_BOOTSTRAP = __DASHBOARD_BOOTSTRAP_ENABLED__;
354
-
355
- function getHeaders() {
356
- return { 'Authorization': 'Bearer ' + API_KEY, 'Content-Type': 'application/json' };
357
- }
358
-
359
- function hasBootstrapKey() {
360
- return LOCAL_PRO_BOOTSTRAP && Boolean(BOOTSTRAP_API_KEY);
361
- }
362
-
363
- async function connect(options) {
364
- var opts = options || {};
365
- var input = document.getElementById('apiKey');
366
- API_KEY = String(opts.key || input.value || '').trim();
367
- if (!API_KEY) return;
368
- const status = document.getElementById('authStatus');
369
- const btn = document.getElementById('connectBtn');
370
- btn.disabled = true;
371
- status.className = 'auth-status';
372
- status.textContent = opts.localPro ? 'Connecting local dashboard...' : 'Connecting...';
373
- try {
374
- const res = await fetch('/v1/feedback/stats', { headers: getHeaders() });
375
- if (!res.ok) throw new Error('Invalid API key');
376
- const data = await res.json();
377
- status.className = 'auth-status ok';
378
- status.textContent = opts.localPro ? '✓ Local Pro dashboard connected' : '✓ Connected';
379
- document.getElementById('dashboardContent').style.display = 'block';
380
- if (opts.localPro) {
381
- input.value = 'local-license';
382
- input.disabled = true;
383
- input.placeholder = 'Local Pro auto-connected';
384
- btn.disabled = true;
385
- document.getElementById('demoBtn').style.display = 'none';
386
- document.getElementById('authHelp').textContent = 'Local Pro is active on this machine. Your personal dashboard is using the saved license key automatically.';
387
- }
388
- renderStats(data);
389
- setSelectedCard('all');
390
- await loadDashboardData();
391
- } catch (e) {
392
- status.className = 'auth-status err';
393
- status.textContent = '✗ ' + e.message;
394
- if (opts.localPro) {
395
- document.getElementById('authHelp').textContent = 'Local Pro bootstrap failed. Paste your THUMBGATE_API_KEY manually or retry the local launcher.';
396
- }
397
- }
398
- if (!opts.localPro) {
399
- btn.disabled = false;
400
- }
401
- }
402
-
403
- function renderStats(data) {
404
- const total = (data.totalFeedback || data.total || 0);
405
- const pos = (data.totalPositive || data.positive || data.thumbsUp || 0);
406
- const neg = (data.totalNegative || data.negative || data.thumbsDown || 0);
407
- document.getElementById('statTotal').textContent = total;
408
- document.getElementById('statPositive').textContent = pos;
409
- document.getElementById('statNegative').textContent = neg;
410
- }
411
-
412
- function setSelectedCard(action) {
413
- document.querySelectorAll('.stat-card').forEach(function(card) {
414
- card.classList.toggle('selected', card.dataset.cardAction === action);
415
- });
416
- }
417
-
418
- async function search() {
419
- const query = document.getElementById('searchQuery').value.trim();
420
- if (!query) return;
421
- currentHighlightTerms = query.split(/\s+/).filter(function(t) { return t.length > 1; });
422
- const container = document.getElementById('searchResults');
423
- container.innerHTML = '<div class="loading">Searching...</div>';
424
-
425
- // Demo mode: filter client-side
426
- if (isDemo) {
427
- var q = query.toLowerCase();
428
- var results = demoData.filter(function(r) {
429
- return (r.title + ' ' + r.context + ' ' + (r.tags || []).join(' ')).toLowerCase().indexOf(q) !== -1;
430
- });
431
- if (!results.length) {
432
- setMessageState(container, 'empty', 'No demo results for "' + query + '". Try: git, test, deploy, secrets, database');
433
- return;
434
- }
435
- container.innerHTML = results.map(renderResult).join('');
436
- return;
437
- }
438
-
439
- try {
440
- const res = await fetch('/v1/search', {
441
- method: 'POST',
442
- headers: getHeaders(),
443
- body: JSON.stringify({ query: query, source: currentSource, limit: 20 })
444
- });
445
- if (!res.ok) throw new Error('Search failed');
446
- const data = await res.json();
447
- const results = data.results || data.memories || [];
448
- if (!results.length) {
449
- container.innerHTML = '<div class="empty">No results found</div>';
450
- return;
451
- }
452
- container.innerHTML = results.map(renderResult).join('');
453
- } catch (e) {
454
- setMessageState(container, 'empty', e && e.message ? e.message : 'Search failed');
455
- }
456
- }
457
-
458
- function renderResult(r) {
459
- const signal = r.signal || r.type || '';
460
- const isUp = signal === 'up' || signal === 'positive' || signal === 'thumbs_up';
461
- const isDown = signal === 'down' || signal === 'negative' || signal === 'thumbs_down';
462
- const signalClass = isUp ? 'up' : isDown ? 'down' : '';
463
- const signalLabel = isUp ? '👍 Positive' : isDown ? '👎 Negative' : signal;
464
- const title = r.title || r.context || r.text || '';
465
- const context = r.context || r.text || r.content || '';
466
- const tags = r.tags || [];
467
- const date = r.timestamp ? new Date(r.timestamp).toLocaleDateString() : '';
468
- return '<div class="result-card">' +
469
- '<div class="result-header">' +
470
- (signalLabel ? '<span class="result-signal ' + signalClass + '">' + signalLabel + '</span>' : '<span></span>') +
471
- '<span class="result-date">' + date + '</span>' +
472
- '</div>' +
473
- (title ? '<div class="result-title">' + highlightText(title) + '</div>' : '') +
474
- (context && context !== title ? '<div class="result-context">' + highlightText(context.slice(0, 300)) + '</div>' : '') +
475
- (tags.length ? '<div class="result-tags">' + tags.map(function(t) {
476
- return '<button type="button" class="tag" data-tag="' + encodeURIComponent(String(t)) + '" title="' + escAttr('Search for ' + t) + '">' + escHtml(t) + '</button>';
477
- }).join('') + '</div>' : '') +
478
- '</div>';
479
- }
480
-
481
- function escHtml(s) {
482
- return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
483
- }
484
-
485
- function escAttr(s) {
486
- return escHtml(s).replace(/"/g, '&quot;').replace(/'/g, '&#39;');
487
- }
488
-
489
- function escJs(s) {
490
- return String(s).replace(/\\/g, '\\\\').replace(/'/g, '\\\'');
491
- }
492
-
493
- function setMessageState(container, className, message) {
494
- container.innerHTML = '<div class="' + className + '">' + escHtml(message) + '</div>';
495
- }
496
-
497
- var currentHighlightTerms = [];
498
-
499
- function searchByTag(tag) {
500
- document.getElementById('searchQuery').value = tag;
501
- search();
502
- }
503
-
504
- function highlightText(text) {
505
- if (!currentHighlightTerms.length) return escHtml(text);
506
- var escaped = escHtml(text);
507
- currentHighlightTerms.forEach(function(term) {
508
- if (!term) return;
509
- var re = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
510
- escaped = escaped.replace(re, '<mark>$1</mark>');
511
- });
512
- return escaped;
513
- }
514
-
515
- function selectCard(el, action) {
516
- currentHighlightTerms = [];
517
- setSelectedCard(action);
518
-
519
- if (action === 'gates') {
520
- switchTab('gates');
521
- return;
522
- }
523
-
524
- // Filter memories by signal
525
- switchTab('search');
526
- var container = document.getElementById('searchResults');
527
- if (isDemo && demoData.length) {
528
- var results = action === 'all' ? demoData : demoData.filter(function(r) { return r.signal === action; });
529
- container.innerHTML = results.length ? results.map(renderResult).join('') : '<div class="empty">No ' + action + ' feedback in demo</div>';
530
- return;
531
- }
532
- // Live mode: search by signal filter
533
- var signalParam = action === 'all' ? '' : '&signal=' + action;
534
- container.innerHTML = '<div class="loading">Loading...</div>';
535
- fetch('/v1/search?q=*&limit=50' + signalParam, { method: 'GET', headers: getHeaders() })
536
- .then(function(res) { return res.json(); })
537
- .then(function(data) {
538
- var items = data.results || [];
539
- container.innerHTML = items.length ? items.map(renderResult).join('') : '<div class="empty">No ' + (action === 'all' ? '' : action + ' ') + 'feedback found</div>';
540
- })
541
- .catch(function(e) { setMessageState(container, 'empty', 'Error: ' + (e && e.message ? e.message : 'Unable to load feedback')); });
542
- }
543
-
544
- function setSource(el, source) {
545
- currentSource = source;
546
- document.querySelectorAll('.filter-btn').forEach(function(b) { b.classList.remove('active'); });
547
- el.classList.add('active');
548
- }
549
-
550
- function switchTab(name) {
551
- document.querySelectorAll('.tab').forEach(function(t) { t.classList.remove('active'); });
552
- document.querySelectorAll('.tab-content').forEach(function(c) { c.classList.remove('active'); });
553
- document.querySelector('[onclick*="' + name + '"]').classList.add('active');
554
- document.getElementById('tab-' + name).classList.add('active');
555
- }
556
-
557
- async function loadGates() {
558
- try {
559
- const res = await fetch('/v1/dashboard', { headers: getHeaders() });
560
- if (!res.ok) throw new Error('Failed to load dashboard');
561
- const data = await res.json();
562
- renderDashboardData(data);
563
- } catch (e) {
564
- setMessageState(document.getElementById('gatesList'), 'empty', e && e.message ? e.message : 'Failed to load gates');
565
- setMessageState(document.getElementById('teamSummaryCards'), 'empty', e && e.message ? e.message : 'Failed to load team metrics');
566
- setMessageState(document.getElementById('predictiveSummaryCards'), 'empty', e && e.message ? e.message : 'Failed to load predictive insights');
567
- setMessageState(document.getElementById('predictiveAnomalies'), 'empty', e && e.message ? e.message : 'Failed to load predictive watchlist');
568
- setMessageState(document.getElementById('generatedViewCanvas'), 'empty', e && e.message ? e.message : 'Failed to load generated view');
569
- setMessageState(document.getElementById('settingsSummaryCards'), 'empty', e && e.message ? e.message : 'Failed to load policy origins');
570
- setMessageState(document.getElementById('templateLibrary'), 'empty', e && e.message ? e.message : 'Failed to load template library');
571
- }
572
- }
573
-
574
- async function loadDashboardData() {
575
- await loadGates();
576
- await loadGeneratedView(currentGeneratedView);
577
- }
578
-
579
- function renderDashboardData(data) {
580
- dashboardSnapshot = data;
581
- const gates = data.gates || data.activeGates || [];
582
- const gateStats = data.gateStats || {};
583
- document.getElementById('statGates').textContent = gates.length || gateStats.totalGates || 0;
584
- if (!gates.length) {
585
- document.getElementById('gatesList').innerHTML = '<div class="empty">No active gates</div>';
586
- } else {
587
- document.getElementById('gatesList').innerHTML = gates.map(function(g) {
588
- const action = g.action || 'block';
589
- return '<div class="gate-card"><div><div class="gate-name">' + escHtml(g.name || g.id || 'Gate') + '</div>' +
590
- '<div class="gate-pattern">' + escHtml(g.pattern || g.match || '') + '</div></div>' +
591
- '<span class="gate-action ' + action + '">' + action.toUpperCase() + '</span></div>';
592
- }).join('');
593
- }
594
-
595
- renderTeam(data.team || {}, data.analytics || {});
596
- renderPredictive(data.predictive || {});
597
- renderSettingsStatus(data.settingsStatus || {});
598
- renderTemplates(data.templateLibrary || {});
599
- }
600
-
601
- function renderGeneratedViewToolbar(spec) {
602
- var views = Array.isArray(spec.availableViews) ? spec.availableViews : [];
603
- document.getElementById('generatedViewToolbar').innerHTML = views.map(function(view) {
604
- var activeClass = view.id === spec.view ? ' active' : '';
605
- return '<button class="generated-view-btn' + activeClass + '" data-generated-view="' + escAttr(view.id) + '" onclick="loadGeneratedView(\'' + escJs(view.id) + '\')">' + escHtml(view.label || view.id) + '</button>';
606
- }).join('');
607
- }
608
-
609
- function renderGeneratedStatGrid(component) {
610
- var items = Array.isArray(component.items) ? component.items : [];
611
- return '<div class="panel"><h3 class="generated-section-title">' + escHtml(component.title || 'Snapshot') + '</h3><div class="generated-grid">' + items.map(function(item) {
612
- return '<div class="team-card"><div class="team-kicker">' + escHtml(item.label || 'Metric') + '</div><div class="team-value">' + escHtml(item.value || '0') + '</div><div class="team-note">' + escHtml(item.note || '') + '</div></div>';
613
- }).join('') + '</div></div>';
614
- }
615
-
616
- function renderGeneratedList(component) {
617
- var items = Array.isArray(component.items) ? component.items : [];
618
- if (!items.length) {
619
- return '<div class="panel"><h3 class="generated-section-title">' + escHtml(component.title || 'List') + '</h3><div class="empty" style="padding:20px 0;">' + escHtml(component.emptyMessage || 'No items.') + '</div></div>';
620
- }
621
- return '<div class="panel"><h3 class="generated-section-title">' + escHtml(component.title || 'List') + '</h3><div class="generated-list">' + items.map(function(item) {
622
- return '<div class="generated-list-row"><div><div class="generated-list-title">' + escHtml(item.title || 'Item') + '</div><div class="generated-list-subtitle">' + escHtml(item.subtitle || '') + '</div></div><span class="generated-badge">' + escHtml(item.badge || '') + '</span></div>';
623
- }).join('') + '</div></div>';
624
- }
625
-
626
- function renderGeneratedComponent(component) {
627
- if (!component || !component.type) return '';
628
- if (component.type === 'hero') {
629
- return '<div class="panel"><h3 class="generated-section-title">' + escHtml(component.title || 'Generated view') + '</h3><p class="template-summary" style="margin-bottom:0;">' + escHtml(component.description || '') + '</p></div>';
630
- }
631
- if (component.type === 'stat_grid') {
632
- return renderGeneratedStatGrid(component);
633
- }
634
- if (component.type === 'list') {
635
- return renderGeneratedList(component);
636
- }
637
- if (component.type === 'callout') {
638
- var tone = escAttr(component.tone || 'success');
639
- return '<div class="panel generated-callout ' + tone + '"><h3 class="generated-section-title">' + escHtml(component.title || 'Callout') + '</h3><p class="template-summary" style="margin-bottom:0;">' + escHtml(component.body || '') + '</p></div>';
640
- }
641
- return '';
642
- }
643
-
644
- function renderGeneratedView(spec) {
645
- currentGeneratedView = spec && spec.view ? spec.view : currentGeneratedView;
646
- renderGeneratedViewToolbar(spec || {});
647
- document.getElementById('generatedViewSummary').textContent = 'Approved component catalog: ' + ((spec && spec.allowedComponentTypes) ? spec.allowedComponentTypes.join(', ') : 'none');
648
- var components = spec && Array.isArray(spec.components) ? spec.components : [];
649
- document.getElementById('generatedViewCanvas').innerHTML = components.length
650
- ? components.map(renderGeneratedComponent).join('')
651
- : '<div class="empty">No generated view available.</div>';
652
- }
653
-
654
- function buildDemoGeneratedViewSpec(viewName) {
655
- var base = {
656
- version: '1.0.0',
657
- catalog: 'thumbgate-dashboard-render-spec',
658
- view: viewName,
659
- availableViews: [
660
- { id: 'team-review', label: 'Team review' },
661
- { id: 'incident-review', label: 'Incident review' },
662
- { id: 'workflow-rollout', label: 'Workflow rollout' }
663
- ],
664
- allowedComponentTypes: ['hero', 'stat_grid', 'list', 'callout']
665
- };
666
- if (viewName === 'incident-review') {
667
- base.components = [
668
- { type: 'hero', title: 'Generated Incident Review', description: 'Review blocked gates, root causes, and the next safest actions without hand-building a post-mortem page.' },
669
- { type: 'stat_grid', title: 'Incident snapshot', items: [
670
- { label: 'Active gates', value: '6', note: '4 manual / 2 auto-promoted' },
671
- { label: 'Blocks per day', value: '1.7', note: 'warns/day 0.4' },
672
- { label: 'Predictive alerts', value: '2', note: 'warning' },
673
- { label: 'Buyer loss signals', value: '3', note: 'telemetry-backed' }
674
- ] },
675
- { type: 'list', title: 'Root cause clusters', emptyMessage: 'No root causes.', items: [
676
- { title: 'verification_gap', subtitle: 'Claimed a change was complete before a proof run.', badge: '6 cases' },
677
- { title: 'pricing_resistance', subtitle: 'Buyers showed intent but stopped at pricing.', badge: '2 cases' }
678
- ] },
679
- { type: 'list', title: 'Recommended next actions', emptyMessage: 'No actions.', items: [
680
- { title: 'Audit evidence-before-done', subtitle: 'Top blocked gate is doing useful work and should stay explicit.', badge: '12 blocks' },
681
- { title: 'Revisit team offer copy', subtitle: 'Predictive watchlist shows conversion drag despite traffic.', badge: 'warning' }
682
- ] }
683
- ];
684
- return base;
685
- }
686
- if (viewName === 'workflow-rollout') {
687
- base.components = [
688
- { type: 'hero', title: 'Generated Workflow Rollout View', description: 'Turn funnel, attribution, and predictive data into a constrained operator dashboard for team rollout.' },
689
- { type: 'stat_grid', title: 'Rollout pipeline', items: [
690
- { label: 'Workflow sprint leads', value: '4', note: 'intake-first hosted funnel' },
691
- { label: 'Qualified leads', value: '2', note: 'ready for proof-backed rollout' },
692
- { label: 'Booked revenue', value: '$128.00', note: '1 paid order' },
693
- { label: 'Team propensity', value: 'medium', note: 'score 0.54' }
694
- ] },
695
- { type: 'list', title: 'Top acquisition sources', emptyMessage: 'No sources.', items: [
696
- { title: 'producthunt', subtitle: 'captured acquisition source', badge: '3 leads' },
697
- { title: 'website', subtitle: 'captured acquisition source', badge: '1 lead' }
698
- ] },
699
- { type: 'list', title: 'Next rollout moves', emptyMessage: 'No rollout moves.', items: [
700
- { title: 'Double down on reach_vb', subtitle: 'Best creator opportunity from predictive revenue scoring.', badge: '+$31.00' },
701
- { title: 'Qualify pending sprint leads', subtitle: 'More leads than qualified workflows today.', badge: '4 total' }
702
- ] }
703
- ];
704
- return base;
705
- }
706
- base.components = [
707
- { type: 'hero', title: 'Generated Team Reliability Review', description: 'A constrained hosted view assembled from approved dashboard components.' },
708
- { type: 'stat_grid', title: 'Team snapshot', items: [
709
- { label: 'Active agents', value: '5', note: 'of 8 registered agents' },
710
- { label: 'Org adherence', value: '92.4%', note: 'rolling 24h view' },
711
- { label: 'Team propensity', value: 'medium', note: 'score 0.54' },
712
- { label: 'Forecast revenue', value: '$128.00', note: 'opportunity $49.00' }
713
- ] },
714
- { type: 'list', title: 'Highest-risk agents', emptyMessage: 'No risky agents.', items: [
715
- { title: 'claude-reviewer', subtitle: 'checkout-flow · fix/stripe-timeout', badge: '67.5% adherence' },
716
- { title: 'codex-second-pass', subtitle: 'dashboard · feat/team-rollout', badge: '74.2% adherence' }
717
- ] },
718
- { type: 'list', title: 'Predictive watchlist', emptyMessage: 'No anomalies.', items: [
719
- { title: 'pricing_resistance', subtitle: 'Price sensitivity dominates current loss reasons.', badge: 'warning' },
720
- { title: 'creator_underperformance', subtitle: 'Creator reach_vb is generating intent without revenue conversion.', badge: 'warning' }
721
- ] },
722
- { type: 'callout', title: 'Commercial signal', body: 'Pro propensity is high and Team propensity is medium. Workflow sprint leads currently total 4.', tone: 'warning' }
723
- ];
724
- return base;
725
- }
726
-
727
- async function loadGeneratedView(viewName) {
728
- currentGeneratedView = viewName || currentGeneratedView;
729
- if (isDemo) {
730
- renderGeneratedView(buildDemoGeneratedViewSpec(currentGeneratedView));
731
- return;
732
- }
733
- try {
734
- const res = await fetch('/v1/dashboard/render-spec?view=' + encodeURIComponent(currentGeneratedView), { headers: getHeaders() });
735
- if (!res.ok) throw new Error('Failed to load generated view');
736
- const spec = await res.json();
737
- renderGeneratedView(spec);
738
- } catch (e) {
739
- setMessageState(document.getElementById('generatedViewCanvas'), 'empty', e && e.message ? e.message : 'Failed to load generated view');
740
- }
741
- }
742
-
743
- function formatScope(scope) {
744
- return escHtml(String(scope || 'unknown').replace(/_/g, ' '));
745
- }
746
-
747
- function formatSettingValue(value) {
748
- if (value === undefined) return 'undefined';
749
- if (typeof value === 'string') return value;
750
- return JSON.stringify(value);
751
- }
752
-
753
- function renderSettingsStatus(settingsStatus) {
754
- const resolvedSettings = settingsStatus.resolvedSettings || {};
755
- const origins = Array.isArray(settingsStatus.origins) ? settingsStatus.origins : [];
756
- const activeLayers = Array.isArray(settingsStatus.activeLayers) ? settingsStatus.activeLayers : [];
757
- const routingPreview = settingsStatus.routingPreview || {};
758
- const activeLayerNames = activeLayers.filter(function(layer) { return layer.exists; }).map(function(layer) { return layer.scope; });
759
-
760
- document.getElementById('settingsSummary').textContent =
761
- 'Managed > local > project > user > defaults. Active layers: ' + (activeLayerNames.length ? activeLayerNames.join(' → ') : 'defaults only') + '.';
762
-
763
- const summaryCards = [
764
- { label: 'Default MCP profile', value: resolvedSettings.mcp && resolvedSettings.mcp.defaultProfile ? resolvedSettings.mcp.defaultProfile : 'essential', note: 'baseline execution profile' },
765
- { label: 'Read-only profile', value: resolvedSettings.mcp && resolvedSettings.mcp.readonlySessionProfile ? resolvedSettings.mcp.readonlySessionProfile : 'readonly', note: 'review sessions and no-write intent' },
766
- { label: 'Harness runtime', value: resolvedSettings.harnesses && resolvedSettings.harnesses.allowRuntimeExecution ? 'enabled' : 'disabled', note: 'natural-language harness execution' },
767
- { label: 'Policy origins', value: String(origins.length), note: 'resolved leaf settings with source metadata' }
768
- ];
769
-
770
- document.getElementById('settingsSummaryCards').innerHTML = summaryCards.map(function(card) {
771
- return '<div class="settings-card">' +
772
- '<div class="team-kicker">' + escHtml(card.label) + '</div>' +
773
- '<div class="team-value">' + escHtml(card.value) + '</div>' +
774
- '<div class="team-note">' + escHtml(card.note) + '</div>' +
775
- '</div>';
776
- }).join('');
777
-
778
- document.getElementById('settingsLayers').innerHTML = activeLayers.length
779
- ? activeLayers.map(function(layer) {
780
- const source = layer.sourcePath ? layer.sourcePath : 'built-in defaults';
781
- const state = layer.exists ? String(layer.leafCount || 0) + ' overrides' : 'not present';
782
- return '<div class="layer-row"><div>' +
783
- '<div class="layer-name">' + escHtml(source) + '</div>' +
784
- '<div class="layer-note">' + escHtml(state) + '</div>' +
785
- '</div><span class="scope-pill">' + formatScope(layer.scope) + '</span></div>';
786
- }).join('')
787
- : '<div class="empty" style="padding:20px 0;">No settings layers resolved.</div>';
788
-
789
- const routingEntries = Object.keys(routingPreview);
790
- document.getElementById('settingsRouting').innerHTML = routingEntries.length
791
- ? routingEntries.map(function(key) {
792
- const route = routingPreview[key] || {};
793
- return '<div class="routing-row"><div>' +
794
- '<div class="routing-name">' + escHtml(key) + '</div>' +
795
- '<div class="routing-note">' + escHtml(route.reason || 'No routing reason available') + '</div>' +
796
- '</div><span class="scope-pill">' + escHtml(route.profile || 'unknown') + '</span></div>';
797
- }).join('')
798
- : '<div class="empty" style="padding:20px 0;">No routing preview available.</div>';
799
-
800
- document.getElementById('settingsOrigins').innerHTML = origins.length
801
- ? origins.map(function(origin) {
802
- return '<div class="origin-row"><div>' +
803
- '<div class="origin-path">' + escHtml(origin.path || '') + '</div>' +
804
- '<div class="origin-value">' + escHtml(formatSettingValue(origin.value)) + '</div>' +
805
- '<div class="origin-note">' + escHtml(origin.sourcePath || 'built-in defaults') + '</div>' +
806
- '</div><span class="scope-pill">' + formatScope(origin.scope) + '</span></div>';
807
- }).join('')
808
- : '<div class="empty" style="padding:20px 0;">No resolved setting origins.</div>';
809
- }
810
-
811
- function renderTeam(team, analytics) {
812
- const northStar = analytics && analytics.northStar ? analytics.northStar : {};
813
- const summaryCards = [
814
- { label: 'Active agents', value: team.activeAgents || 0, note: 'of ' + (team.totalAgents || 0) + ' registered' },
815
- { label: 'Org adherence', value: String(team.orgAdherenceRate || 0) + '%', note: 'last ' + (team.windowHours || 24) + ' hours' },
816
- { label: 'Weekly teams', value: northStar.weeklyTeamsRunningProofBackedWorkflows || 0, note: 'proof-backed workflows' },
817
- { label: 'Paid team runs', value: northStar.paidTeamRuns || 0, note: 'north-star proof' }
818
- ];
819
-
820
- document.getElementById('teamSummaryCards').innerHTML = summaryCards.map(function(card) {
821
- return '<div class="team-card">' +
822
- '<div class="team-kicker">' + escHtml(card.label) + '</div>' +
823
- '<div class="team-value">' + escHtml(card.value) + '</div>' +
824
- '<div class="team-note">' + escHtml(card.note) + '</div>' +
825
- '</div>';
826
- }).join('');
827
-
828
- const riskAgents = Array.isArray(team.riskAgents) ? team.riskAgents : [];
829
- document.getElementById('teamRiskAgents').innerHTML = riskAgents.length
830
- ? riskAgents.map(function(agent) {
831
- return '<div class="risk-row"><div>' +
832
- '<div class="risk-name">' + escHtml(agent.id || 'agent') + '</div>' +
833
- '<div class="risk-meta">' + escHtml((agent.project || 'unknown project') + (agent.branch ? ' · ' + agent.branch : '')) + '</div>' +
834
- '</div><div class="risk-meta">' + escHtml(String(agent.adherenceRate || 0) + '% adherence') + '</div></div>';
835
- }).join('')
836
- : '<div class="empty" style="padding:20px 0;">No risky agents detected in this window.</div>';
837
-
838
- const blocked = Array.isArray(team.topBlockedGates) ? team.topBlockedGates : [];
839
- document.getElementById('teamBlockedGates').innerHTML = blocked.length
840
- ? blocked.map(function(gate) {
841
- return '<div class="blocked-row"><div>' +
842
- '<div class="blocked-name">' + escHtml(gate.gateId || 'gate') + '</div>' +
843
- '<div class="blocked-meta">' + escHtml(String(gate.warned || 0) + ' warns') + '</div>' +
844
- '</div><div class="blocked-meta">' + escHtml(String(gate.blocked || 0) + ' blocks') + '</div></div>';
845
- }).join('')
846
- : '<div class="empty" style="padding:20px 0;">No blocked gates recorded yet.</div>';
847
- }
848
-
849
- function renderPredictive(predictive) {
850
- const pro = predictive && predictive.upgradePropensity ? predictive.upgradePropensity.pro || {} : {};
851
- const team = predictive && predictive.upgradePropensity ? predictive.upgradePropensity.team || {} : {};
852
- const forecast = predictive && predictive.revenueForecast ? predictive.revenueForecast : {};
853
- const anomalySummary = predictive && predictive.anomalySummary ? predictive.anomalySummary : {};
854
- const topCreator = predictive && Array.isArray(predictive.topCreators) ? predictive.topCreators[0] : null;
855
- const topSource = predictive && Array.isArray(predictive.topSources) ? predictive.topSources[0] : null;
856
- const anomalies = predictive && Array.isArray(predictive.anomalies) ? predictive.anomalies : [];
857
-
858
- const cards = [
859
- { label: 'Pro propensity', value: pro.band || 'none', note: 'score ' + escHtml(String(pro.score || 0)) },
860
- { label: 'Team propensity', value: team.band || 'none', note: 'score ' + escHtml(String(team.score || 0)) },
861
- { label: 'Forecast revenue', value: '$' + (((forecast.predictedBookedRevenueCents || 0) / 100).toFixed(2)), note: 'opportunity +' + '$' + (((forecast.incrementalOpportunityCents || 0) / 100).toFixed(2)) },
862
- { label: 'Predictive alerts', value: String(anomalySummary.count || 0), note: (anomalySummary.severity || 'healthy') + ' watchlist' }
863
- ];
864
-
865
- document.getElementById('predictiveSummaryCards').innerHTML = cards.map(function(card) {
866
- return '<div class="team-card">' +
867
- '<div class="team-kicker">' + escHtml(card.label) + '</div>' +
868
- '<div class="team-value">' + escHtml(card.value) + '</div>' +
869
- '<div class="team-note">' + escHtml(card.note) + '</div>' +
870
- '</div>';
871
- }).join('');
872
-
873
- const lines = [];
874
- if (topCreator) {
875
- lines.push('<div class="blocked-row"><div><div class="blocked-name">Top creator opportunity</div><div class="blocked-meta">' + escHtml(topCreator.key || 'unknown') + '</div></div><div class="blocked-meta">+$' + escHtml(((topCreator.opportunityRevenueCents || 0) / 100).toFixed(2)) + '</div></div>');
876
- }
877
- if (topSource) {
878
- lines.push('<div class="blocked-row"><div><div class="blocked-name">Top channel opportunity</div><div class="blocked-meta">' + escHtml(topSource.key || 'unknown') + '</div></div><div class="blocked-meta">+$' + escHtml(((topSource.opportunityRevenueCents || 0) / 100).toFixed(2)) + '</div></div>');
879
- }
880
- anomalies.slice(0, 5).forEach(function(anomaly) {
881
- lines.push('<div class="blocked-row"><div><div class="blocked-name">' + escHtml(anomaly.type || 'anomaly') + '</div><div class="blocked-meta">' + escHtml(anomaly.message || '') + '</div></div><div class="blocked-meta">' + escHtml(anomaly.severity || 'warning') + '</div></div>');
882
- });
883
-
884
- document.getElementById('predictiveAnomalies').innerHTML = lines.length
885
- ? lines.join('')
886
- : '<div class="empty" style="padding:20px 0;">No predictive anomalies right now.</div>';
887
- }
888
-
889
- function renderTemplates(templateLibrary) {
890
- const templates = Array.isArray(templateLibrary.templates) ? templateLibrary.templates : [];
891
- const categories = templateLibrary.categories || {};
892
- document.getElementById('templateSummary').textContent =
893
- (templateLibrary.total || 0) + ' curated templates across ' + Object.keys(categories).length + ' categories. Start with the highest-ROI guardrails, then tune for your repos.';
894
-
895
- document.getElementById('templateLibrary').innerHTML = templates.length
896
- ? templates.map(function(template) {
897
- return '<div class="template-card">' +
898
- '<div class="template-meta"><div><h3>' + escHtml(template.name || 'Template') + '</h3></div><div class="blocked-meta">' + escHtml(template.category || 'Other') + '</div></div>' +
899
- '<div><span class="template-pill">' + escHtml(template.signal || '•') + '</span><span class="template-pill">' + escHtml((template.defaultAction || 'unknown').toUpperCase()) + '</span><span class="template-pill">' + escHtml(template.severity || 'medium') + '</span></div>' +
900
- '<div class="template-copy">' + escHtml(template.problem || '') + '</div>' +
901
- '<div class="template-copy"><strong>ROI:</strong> ' + escHtml(template.roi || '') + '</div>' +
902
- '<div class="template-copy"><strong>Rollout:</strong> ' + escHtml(template.rollout || '') + '</div>' +
903
- '<div class="template-pattern">' + escHtml(template.pattern || '') + '</div>' +
904
- '</div>';
905
- }).join('')
906
- : '<div class="empty">No gate templates available</div>';
907
- }
908
-
909
- document.addEventListener('click', function(event) {
910
- var tagButton = event.target.closest('.tag[data-tag]');
911
- if (!tagButton) return;
912
- searchByTag(decodeURIComponent(tagButton.dataset.tag || ''));
913
- });
914
-
915
- function loadDemo() {
916
- document.querySelector('.auth-bar').style.display = 'none';
917
- document.getElementById('dashboardContent').style.display = 'block';
918
- document.getElementById('demoBanner').style.display = 'flex';
919
- // Demo badge in nav
920
- var logo = document.querySelector('.nav-logo');
921
- if (!document.getElementById('demoBadge')) {
922
- logo.insertAdjacentHTML('afterend', '<span class="demo-badge" id="demoBadge">Demo Mode</span>');
923
- }
924
- // Stats
925
- document.getElementById('statTotal').textContent = '297';
926
- document.getElementById('statPositive').textContent = '37';
927
- document.getElementById('statNegative').textContent = '260';
928
- document.getElementById('statGates').textContent = '21';
929
- setSelectedCard('all');
930
- // Sample memories — realistic scenarios from real agent-driven development
931
- var demoResults = [
932
- { signal: 'down', title: 'Claimed fix worked without running tests', context: 'Agent announced "fixed and pushed" but never ran the test suite. CI failed on 3 tests. Gate now requires test evidence before any completion claim.', tags: ['anti-lying', 'verification-gap', 'ci', 'trust-breach'], timestamp: '2025-06-22T10:20:00Z' },
933
- { signal: 'down', title: 'Force-pushed to main and lost teammate commits', context: 'Used git push --force on main to fix a rebase. Overwrote 3 commits from another team member. Had to recover from reflog. Gate now blocks all --force pushes to protected branches.', tags: ['git', 'destructive', 'auto-blocked'], timestamp: '2025-06-20T09:15:00Z' },
934
- { signal: 'up', title: 'Pre-action gate caught .env commit', context: 'Gate blocked a git add that included .env with production API keys. Saved from leaking secrets to a public repo.', tags: ['security', 'prevention', 'secrets'], timestamp: '2025-06-19T11:30:00Z' },
935
- { signal: 'down', title: 'PR scope creep — 72 changed files for a 2-file fix', context: 'Agent included unrelated formatting changes, config files, and lock file updates in a PR that should have touched 2 files. User had to manually separate the changes.', tags: ['pr-scope', 'scope-creep', 'user-frustration', 'git-workflow'], timestamp: '2025-06-18T14:30:00Z' },
936
- { signal: 'up', title: 'Full PR review cycle with on-device verification', context: 'Fixed 3 review findings, verified on physical Android device with fresh debug build, confirmed Delete Account flow end-to-end before marking PR ready.', tags: ['pr-review', 'on-device-verification', 'evidence-based', 'metric:ROI'], timestamp: '2025-06-17T16:45:00Z' },
937
- { signal: 'down', title: 'Claimed Figma compliance without visual verification', context: 'Said UI matched Figma designs without actually checking. User pointed out wrong colors, missing spacing, and incorrect font weights. Should have used screenshot comparison.', tags: ['anti-lying', 'figma', 'visual-verification', 'trust-breach'], timestamp: '2025-06-16T08:05:00Z' },
938
- { signal: 'down', title: 'Deployed without running tests', context: 'Pushed a refactor to main without running the test suite. Two integration tests failed in CI, blocking the release for 3 hours.', tags: ['ci', 'testing', 'deployment'], timestamp: '2025-06-15T09:15:00Z' },
939
- { signal: 'up', title: 'Atomic commits improved bisect speed', context: 'Splitting a large feature into 8 atomic commits made git bisect find the regression in under 2 minutes instead of manual debugging.', tags: ['git', 'debugging', 'evidence-based'], timestamp: '2025-06-14T16:45:00Z' },
940
- { signal: 'down', title: 'Deleted production database table', context: 'AI agent ran DROP TABLE on a staging-named table that was actually aliased to production. Added a gate requiring explicit confirmation for any destructive SQL.', tags: ['database', 'destructive', 'critical', 'auto-blocked'], timestamp: '2025-06-13T08:05:00Z' },
941
- { signal: 'up', title: 'Read file before editing prevented breaking change', context: 'Always read the target file before making changes. Agent caught that the function signature had changed upstream and adapted the edit accordingly.', tags: ['code-quality', 'prevention', 'evidence-based'], timestamp: '2025-06-12T14:30:00Z' },
942
- { signal: 'down', title: 'Pushed to wrong branch — created new PR instead of updating existing', context: 'Agent pushed changes to a new branch instead of the open PR branch. Had to cherry-pick commits and force-close the duplicate PR.', tags: ['git-workflow', 'branch-strategy', 'delegation', 'user-frustration'], timestamp: '2025-06-11T10:20:00Z' },
943
- { signal: 'up', title: 'ADO tickets split correctly with parallel execution', context: 'Split frontend/backend tasks, corrected area path and iteration, created investigation subtask, and updated PR description — all done efficiently in parallel.', tags: ['ado-workflow', 'parallel-execution', 'triage', 'metric:ROI'], timestamp: '2025-06-10T13:00:00Z' },
944
- { signal: 'down', title: 'Delegated debugging to QA instead of investigating', context: 'Told user to ask QA engineer for error logs instead of investigating the issue directly. Wasted 30 minutes of back-and-forth when the fix was a one-line config change.', tags: ['delegation', 'user-frustration', 'debugging', 'speed'], timestamp: '2025-06-09T15:30:00Z' },
945
- { signal: 'down', title: 'iOS build failed — forgot pod install after adding dependency', context: 'Added a new npm package but did not run pod install or rebuild the native project. Build failed on iOS physical device. Metro bundler showed stale cache.', tags: ['ios-build', 'metro', 'speed', 'mobile'], timestamp: '2025-06-08T09:45:00Z' },
946
- { signal: 'up', title: 'Prevention rule stopped repeat mistake', context: 'Gate auto-generated from 3 prior "forgot pod install" failures now blocks any npm install that touches native modules without a follow-up pod install step.', tags: ['prevention', 'ios-build', 'auto-generated', 'metric:ROI'], timestamp: '2025-06-07T11:00:00Z' },
947
- { signal: 'down', title: 'Claimed performance fix without benchmarking', context: 'Said the optimization reduced render time by 40% but never ran a before/after benchmark. Actual measurement showed no improvement. Gate now requires metrics evidence.', tags: ['anti-lying', 'performance', 'verification-gap', 'measure-first'], timestamp: '2025-06-06T14:20:00Z' },
948
- { signal: 'up', title: 'DPO export caught systematic failure pattern', context: 'Exported 47 preference pairs revealing that 80% of negative feedback involved claiming work was done without verification. Led to a new mandatory evidence gate.', tags: ['dpo-export', 'evidence-based', 'prevention', 'metric:ROI'], timestamp: '2025-06-05T10:15:00Z' }
949
- ];
950
- isDemo = true;
951
- demoData = demoResults.slice(0, 3);
952
- var teaserHtml = demoData.map(renderResult).join('');
953
- var upgradeWall = '<div style="position:relative;margin-top:8px;">' +
954
- '<div style="filter:blur(4px);pointer-events:none;opacity:0.4;">' + demoResults.slice(3, 6).map(renderResult).join('') + '</div>' +
955
- '<div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;">' +
956
- '<div style="text-align:center;background:rgba(10,10,15,0.92);border:1px solid #333;border-radius:12px;padding:28px 36px;">' +
957
- '<div style="font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;">Unlock your full dashboard</div>' +
958
- '<div style="color:#aaa;margin-bottom:16px;">Pro shows your real feedback, gates, and lessons — not sample data.</div>' +
959
- '<a href="https://buy.stripe.com/5kQ4gzbmI9Lo6tPayn3sI06" target="_blank" rel="noopener" ' +
960
- 'style="display:inline-block;background:#b85c2d;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:700;">Upgrade to Pro — $19/mo</a>' +
961
- '<div style="color:#666;font-size:12px;margin-top:10px;">npx thumbgate pro --activate --key=YOUR_KEY</div>' +
962
- '</div></div></div>';
963
- document.getElementById('searchResults').innerHTML = teaserHtml + upgradeWall;
964
- // Sample gates
965
- var demoGates = [
966
- { name: 'no-force-push', pattern: 'Block git push --force to main or master branches', action: 'block' },
967
- { name: 'read-before-edit', pattern: 'Must read file contents before any edit_file call', action: 'block' },
968
- { name: 'test-before-deploy', pattern: 'Run npm test before any deployment or push to main', action: 'block' },
969
- { name: 'no-secrets-in-commits', pattern: 'Block git add on .env, credentials, or API key files', action: 'block' },
970
- { name: 'evidence-before-claim', pattern: 'Run verification commands before claiming task completion', action: 'block' },
971
- { name: 'atomic-commits', pattern: 'Each commit should contain a single logical change', action: 'warn' }
972
- ];
973
- document.getElementById('gatesList').innerHTML = demoGates.map(function(g) {
974
- return '<div class="gate-card"><div><div class="gate-name">' + escHtml(g.name) + '</div>' +
975
- '<div class="gate-pattern">' + escHtml(g.pattern) + '</div></div>' +
976
- '<span class="gate-action ' + g.action + '">' + g.action.toUpperCase() + '</span></div>';
977
- }).join('');
978
- renderTeam({
979
- totalAgents: 8,
980
- activeAgents: 5,
981
- windowHours: 24,
982
- orgAdherenceRate: 92.4,
983
- riskAgents: [
984
- { id: 'claude-reviewer', project: 'checkout-flow', branch: 'fix/stripe-timeout', adherenceRate: 67.5 },
985
- { id: 'codex-second-pass', project: 'dashboard', branch: 'feat/team-rollout', adherenceRate: 74.2 }
986
- ],
987
- topBlockedGates: [
988
- { gateId: 'evidence-before-done', blocked: 12, warned: 1 },
989
- { gateId: 'never-force-push-main', blocked: 7, warned: 0 }
990
- ]
991
- }, {
992
- northStar: {
993
- weeklyTeamsRunningProofBackedWorkflows: 3,
994
- paidTeamRuns: 1
995
- }
996
- });
997
- renderPredictive({
998
- upgradePropensity: {
999
- pro: { band: 'high', score: 0.71 },
1000
- team: { band: 'medium', score: 0.54 }
1001
- },
1002
- revenueForecast: {
1003
- predictedBookedRevenueCents: 12800,
1004
- incrementalOpportunityCents: 4900
1005
- },
1006
- anomalySummary: {
1007
- count: 2,
1008
- severity: 'warning'
1009
- },
1010
- topCreators: [
1011
- { key: 'reach_vb', opportunityRevenueCents: 3100 }
1012
- ],
1013
- topSources: [
1014
- { key: 'producthunt', opportunityRevenueCents: 1800 }
1015
- ],
1016
- anomalies: [
1017
- { type: 'pricing_resistance', message: 'Price sensitivity dominates current loss reasons.', severity: 'warning' },
1018
- { type: 'creator_underperformance', message: 'Creator reach_vb is generating intent without revenue conversion.', severity: 'warning' }
1019
- ]
1020
- });
1021
- renderSettingsStatus({
1022
- activeLayers: [
1023
- { scope: 'defaults', exists: true, leafCount: 7, sourcePath: null },
1024
- { scope: 'user', exists: true, leafCount: 2, sourcePath: '~/.thumbgate/settings.json' },
1025
- { scope: 'project', exists: true, leafCount: 2, sourcePath: '.thumbgate/settings.json' },
1026
- { scope: 'local', exists: false, leafCount: 0, sourcePath: '.thumbgate/settings.local.json' },
1027
- { scope: 'managed', exists: true, leafCount: 3, sourcePath: 'config/thumbgate-settings.managed.json' }
1028
- ],
1029
- resolvedSettings: {
1030
- mcp: { defaultProfile: 'essential', readonlySessionProfile: 'readonly' },
1031
- harnesses: { enabled: true, allowRuntimeExecution: true }
1032
- },
1033
- routingPreview: {
1034
- dashboardTool: { profile: 'readonly', reason: 'dashboard is available in the most restrictive profile that contains it' },
1035
- defaultSession: { profile: 'essential', reason: 'default auto-routing — essential profile from settings hierarchy' },
1036
- reviewSession: { profile: 'readonly', reason: 'read-only session detected — routing to readonly profile' }
1037
- },
1038
- origins: [
1039
- { path: 'mcp.defaultProfile', value: 'essential', scope: 'project', sourcePath: '.thumbgate/settings.json' },
1040
- { path: 'mcp.readonlySessionProfile', value: 'readonly', scope: 'project', sourcePath: '.thumbgate/settings.json' },
1041
- { path: 'harnesses.allowRuntimeExecution', value: true, scope: 'project', sourcePath: '.thumbgate/settings.json' },
1042
- { path: 'dashboard.showPolicyOrigins', value: true, scope: 'managed', sourcePath: 'config/thumbgate-settings.managed.json' }
1043
- ]
1044
- });
1045
- renderTemplates({
1046
- total: 6,
1047
- categories: {
1048
- 'Git Safety': 1,
1049
- 'Verification': 1,
1050
- 'Agent Honesty': 1,
1051
- 'Database Safety': 1,
1052
- 'Secrets Hygiene': 1,
1053
- 'Positive Reinforcement': 1
1054
- },
1055
- templates: [
1056
- { name: 'Never force-push to main', category: 'Git Safety', signal: '👎', defaultAction: 'block', severity: 'critical', problem: 'Stops destructive history rewrites on protected branches before they land.', roi: 'Protects every shared repo from the fastest irreversible mistake.', rollout: 'Enable on every team repo on day one.', pattern: 'git\\s+push\\s+(--force|-f)' },
1057
- { name: 'Never skip tests before commit', category: 'Verification', signal: '👎', defaultAction: 'block', severity: 'high', problem: 'Requires proof before code leaves the laptop.', roi: 'Cuts review churn and CI rollback time across the team.', rollout: 'Pair with repository-specific test commands.', pattern: 'git\\s+commit' },
1058
- { name: 'Require evidence before saying done', category: 'Agent Honesty', signal: '👎', defaultAction: 'block', severity: 'high', problem: 'Prevents unsupported completion claims.', roi: 'Raises trust in autonomous runs.', rollout: 'Use anywhere proof matters more than speed.', pattern: 'completion_claim_without_verification' },
1059
- { name: 'Protect production SQL', category: 'Database Safety', signal: '👎', defaultAction: 'block', severity: 'critical', problem: 'Blocks destructive SQL operations on production-like targets.', roi: 'One saved incident pays for the rollout.', rollout: 'Turn on for any team touching live data.', pattern: '(drop|truncate|delete)\\s+.*production' }
1060
- ]
1061
- });
1062
- renderGeneratedView(buildDemoGeneratedViewSpec(currentGeneratedView));
1063
- }
1064
-
1065
- // Auto-load demo on first visit so visitors see the product immediately
1066
- window.addEventListener('DOMContentLoaded', function() {
1067
- if (hasBootstrapKey()) {
1068
- connect({ key: BOOTSTRAP_API_KEY, localPro: true });
1069
- return;
1070
- }
1071
- if (!window.location.search.includes('noauto')) {
1072
- loadDemo();
1073
- }
1074
- });
1075
-
1076
- async function exportDpo() {
1077
- const status = document.getElementById('exportStatus');
1078
- status.textContent = 'Exporting...';
1079
- try {
1080
- const res = await fetch('/v1/dpo/export', { headers: getHeaders() });
1081
- if (!res.ok) throw new Error('Export failed');
1082
- const data = await res.json();
1083
- const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
1084
- const url = URL.createObjectURL(blob);
1085
- const a = document.createElement('a');
1086
- a.href = url;
1087
- a.download = 'thumbgate-dpo-pairs-' + new Date().toISOString().slice(0,10) + '.json';
1088
- a.click();
1089
- URL.revokeObjectURL(url);
1090
- const count = data.pairs ? data.pairs.length : Array.isArray(data) ? data.length : 0;
1091
- status.textContent = '✓ Exported ' + count + ' preference pairs';
1092
- status.style.color = 'var(--green)';
1093
- } catch (e) {
1094
- status.textContent = '✗ ' + e.message;
1095
- status.style.color = 'var(--red)';
1096
- }
1097
- }
1098
- </script>
1099
- </body>
1100
- </html>