thumbgate 1.4.3 → 1.4.5

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 (270) hide show
  1. package/.claude-plugin/marketplace.json +2 -2
  2. package/.claude-plugin/plugin.json +1 -1
  3. package/.well-known/llms.txt +12 -8
  4. package/.well-known/mcp/server-card.json +1 -1
  5. package/README.md +18 -8
  6. package/adapters/README.md +1 -1
  7. package/adapters/claude/.mcp.json +2 -2
  8. package/adapters/codex/config.toml +2 -2
  9. package/adapters/mcp/server-stdio.js +1 -1
  10. package/adapters/opencode/opencode.json +1 -1
  11. package/config/github-about.json +2 -2
  12. package/package.json +158 -10
  13. package/scripts/billing.js +5 -2
  14. package/scripts/statusline.sh +1 -0
  15. package/src/api/server.js +113 -16
  16. package/src/index.js +3 -0
  17. package/.claude-plugin/bundle/icon.png +0 -0
  18. package/.claude-plugin/bundle/icon.svg +0 -18
  19. package/.claude-plugin/bundle/server/index.js +0 -24
  20. package/adapters/chatgpt/INSTALL.md +0 -158
  21. package/adapters/perplexity/.mcp.json +0 -36
  22. package/adapters/perplexity/config.toml +0 -16
  23. package/adapters/perplexity/opencode.json +0 -29
  24. package/bin/memory.sh +0 -64
  25. package/bin/obsidian-sync.sh +0 -20
  26. package/plugins/amp-skill/INSTALL.md +0 -52
  27. package/plugins/amp-skill/SKILL.md +0 -64
  28. package/plugins/claude-codex-bridge/.claude-plugin/plugin.json +0 -22
  29. package/plugins/claude-codex-bridge/.mcp.json +0 -14
  30. package/plugins/claude-codex-bridge/INSTALL.md +0 -43
  31. package/plugins/claude-codex-bridge/README.md +0 -46
  32. package/plugins/claude-codex-bridge/scripts/codex-bridge.js +0 -286
  33. package/plugins/claude-codex-bridge/skills/adversarial-review/SKILL.md +0 -24
  34. package/plugins/claude-codex-bridge/skills/result/SKILL.md +0 -22
  35. package/plugins/claude-codex-bridge/skills/review/SKILL.md +0 -28
  36. package/plugins/claude-codex-bridge/skills/second-pass/SKILL.md +0 -27
  37. package/plugins/claude-codex-bridge/skills/setup/SKILL.md +0 -21
  38. package/plugins/claude-codex-bridge/skills/status/SKILL.md +0 -19
  39. package/plugins/claude-skill/INSTALL.md +0 -55
  40. package/plugins/claude-skill/SKILL.md +0 -46
  41. package/plugins/codex-profile/.codex-plugin/plugin.json +0 -43
  42. package/plugins/codex-profile/.mcp.json +0 -14
  43. package/plugins/codex-profile/AGENTS.md +0 -20
  44. package/plugins/codex-profile/INSTALL.md +0 -89
  45. package/plugins/codex-profile/README.md +0 -61
  46. package/plugins/cursor-marketplace/.cursor-plugin/plugin.json +0 -23
  47. package/plugins/cursor-marketplace/CHANGELOG.md +0 -30
  48. package/plugins/cursor-marketplace/LICENSE +0 -21
  49. package/plugins/cursor-marketplace/README.md +0 -124
  50. package/plugins/cursor-marketplace/agents/reliability-reviewer.md +0 -31
  51. package/plugins/cursor-marketplace/assets/logo-400x400.png +0 -0
  52. package/plugins/cursor-marketplace/commands/capture-feedback.md +0 -33
  53. package/plugins/cursor-marketplace/commands/check-gates.md +0 -25
  54. package/plugins/cursor-marketplace/commands/show-lessons.md +0 -27
  55. package/plugins/cursor-marketplace/hooks/hooks.json +0 -10
  56. package/plugins/cursor-marketplace/mcp.json +0 -14
  57. package/plugins/cursor-marketplace/rules/feedback-capture.mdc +0 -34
  58. package/plugins/cursor-marketplace/rules/pre-action-gates.mdc +0 -30
  59. package/plugins/cursor-marketplace/rules/session-continuity.mdc +0 -28
  60. package/plugins/cursor-marketplace/scripts/gate-check.sh +0 -21
  61. package/plugins/cursor-marketplace/skills/capture-feedback/SKILL.md +0 -48
  62. package/plugins/cursor-marketplace/skills/prevention-rules/SKILL.md +0 -31
  63. package/plugins/cursor-marketplace/skills/recall-context/SKILL.md +0 -30
  64. package/plugins/cursor-marketplace/skills/search-lessons/SKILL.md +0 -33
  65. package/plugins/gemini-extension/INSTALL.md +0 -92
  66. package/plugins/gemini-extension/gemini_prompt.txt +0 -14
  67. package/plugins/gemini-extension/tool_contract.json +0 -45
  68. package/plugins/opencode-profile/INSTALL.md +0 -57
  69. package/public/assets/instagram-card.png +0 -0
  70. package/public/assets/tiktok-agent-memory.mp4 +0 -0
  71. package/public/blog.html +0 -474
  72. package/public/compare/mem0.html +0 -189
  73. package/public/compare/speclock.html +0 -180
  74. package/public/compare.html +0 -310
  75. package/public/dashboard.html +0 -1100
  76. package/public/guide.html +0 -317
  77. package/public/guides/claude-code-prevent-repeated-mistakes.html +0 -161
  78. package/public/guides/codex-cli-guardrails.html +0 -158
  79. package/public/guides/cursor-prevent-repeated-mistakes.html +0 -161
  80. package/public/guides/pre-action-gates.html +0 -162
  81. package/public/guides/stop-repeated-ai-agent-mistakes.html +0 -159
  82. package/public/index.html +0 -1225
  83. package/public/js/buyer-intent.js +0 -252
  84. package/public/learn/agent-harness-pattern.html +0 -180
  85. package/public/learn/ai-agent-persistent-memory.html +0 -203
  86. package/public/learn/learn.css +0 -45
  87. package/public/learn/mcp-pre-action-gates-explained.html +0 -172
  88. package/public/learn/stop-ai-agent-force-push.html +0 -134
  89. package/public/learn/vibe-coding-safety-net.html +0 -142
  90. package/public/learn.html +0 -274
  91. package/public/lessons.html +0 -967
  92. package/public/llm-context.md +0 -156
  93. package/public/pro.html +0 -1087
  94. package/public/vercel.json +0 -8
  95. package/scripts/a2ui-engine.js +0 -73
  96. package/scripts/adk-consolidator.js +0 -274
  97. package/scripts/agent-security-hardening.js +0 -225
  98. package/scripts/ai-search-visibility.js +0 -116
  99. package/scripts/autonomous-sales-agent.js +0 -39
  100. package/scripts/autoresearch-runner.js +0 -216
  101. package/scripts/background-agent-governance.js +0 -229
  102. package/scripts/behavioral-extraction.js +0 -93
  103. package/scripts/budget-enforcer.js +0 -173
  104. package/scripts/budget-guard.js +0 -173
  105. package/scripts/build-claude-mcpb.js +0 -255
  106. package/scripts/build-codex-plugin.js +0 -152
  107. package/scripts/capture-railway-diagnostics.sh +0 -97
  108. package/scripts/changeset-check.js +0 -372
  109. package/scripts/check-congruence.js +0 -443
  110. package/scripts/computer-use-firewall.js +0 -280
  111. package/scripts/content-engine/linkedin-content-generator.js +0 -154
  112. package/scripts/content-engine/output/linkedin-memento-validation.md +0 -17
  113. package/scripts/content-engine/output/linkedin-posts-2026-04-09.md +0 -175
  114. package/scripts/content-engine/reddit-thread-finder.js +0 -154
  115. package/scripts/context-engine.js +0 -710
  116. package/scripts/daily-digest.js +0 -11
  117. package/scripts/data-governance.js +0 -173
  118. package/scripts/deploy-gcp.sh +0 -44
  119. package/scripts/deploy-policy.js +0 -249
  120. package/scripts/disagreement-mining.js +0 -315
  121. package/scripts/dpo-optimizer.js +0 -206
  122. package/scripts/ensure-repo-bootstrap.js +0 -130
  123. package/scripts/ephemeral-agent-store.js +0 -212
  124. package/scripts/eval-harness.js +0 -56
  125. package/scripts/export-kto-pairs.js +0 -309
  126. package/scripts/export-training.js +0 -446
  127. package/scripts/feedback-fallback.js +0 -111
  128. package/scripts/feedback-inbox-read.js +0 -162
  129. package/scripts/feedback-root-consolidator.js +0 -233
  130. package/scripts/feedback-to-memory.js +0 -185
  131. package/scripts/gate-satisfy.js +0 -42
  132. package/scripts/generate-paperbanana-diagrams.sh +0 -99
  133. package/scripts/generate-pretool-hook.sh +0 -40
  134. package/scripts/github-about.js +0 -430
  135. package/scripts/github-outreach.js +0 -65
  136. package/scripts/gtm-revenue-loop.js +0 -535
  137. package/scripts/hallucination-detector.js +0 -226
  138. package/scripts/hf-papers.js +0 -317
  139. package/scripts/hook-auto-capture.sh +0 -100
  140. package/scripts/hook-stop-pr-thread-check.sh +0 -68
  141. package/scripts/hook-stop-self-score.sh +0 -51
  142. package/scripts/hook-stop-verify-deploy.sh +0 -31
  143. package/scripts/hook-verify-before-done.sh +0 -20
  144. package/scripts/managed-dpo-export.js +0 -91
  145. package/scripts/markdown-escape.js +0 -12
  146. package/scripts/marketing-experiment.js +0 -657
  147. package/scripts/memalign-recall.js +0 -111
  148. package/scripts/memory-migration.js +0 -296
  149. package/scripts/meta-policy.js +0 -190
  150. package/scripts/metered-billing.js +0 -16
  151. package/scripts/model-tier-router.js +0 -310
  152. package/scripts/money-watcher.js +0 -218
  153. package/scripts/multi-hop-recall.js +0 -240
  154. package/scripts/per-step-scoring.js +0 -163
  155. package/scripts/perplexity-command-center.js +0 -644
  156. package/scripts/perplexity-marketing.js +0 -454
  157. package/scripts/pii-scanner.js +0 -153
  158. package/scripts/plan-gate.js +0 -154
  159. package/scripts/post-everywhere.js +0 -341
  160. package/scripts/post-to-x-retry.sh +0 -22
  161. package/scripts/post-to-x.js +0 -369
  162. package/scripts/pr-manager.js +0 -421
  163. package/scripts/principle-extractor.js +0 -162
  164. package/scripts/pro-features.js +0 -41
  165. package/scripts/prompt-dlp.js +0 -222
  166. package/scripts/prove-adapters.js +0 -860
  167. package/scripts/prove-attribution.js +0 -361
  168. package/scripts/prove-automation.js +0 -651
  169. package/scripts/prove-autoresearch.js +0 -304
  170. package/scripts/prove-claim-verification.js +0 -277
  171. package/scripts/prove-cloudflare-sandbox.js +0 -161
  172. package/scripts/prove-data-pipeline.js +0 -408
  173. package/scripts/prove-data-quality.js +0 -227
  174. package/scripts/prove-evolution.js +0 -352
  175. package/scripts/prove-harnesses.js +0 -287
  176. package/scripts/prove-intelligence.js +0 -257
  177. package/scripts/prove-lancedb.js +0 -425
  178. package/scripts/prove-local-intelligence.js +0 -340
  179. package/scripts/prove-loop-closure.js +0 -263
  180. package/scripts/prove-packaged-runtime.js +0 -327
  181. package/scripts/prove-predictive-insights.js +0 -355
  182. package/scripts/prove-runtime.js +0 -363
  183. package/scripts/prove-seo-gsd.js +0 -234
  184. package/scripts/prove-settings.js +0 -279
  185. package/scripts/prove-subway-upgrades.js +0 -277
  186. package/scripts/prove-tessl.js +0 -229
  187. package/scripts/prove-training-export.js +0 -325
  188. package/scripts/prove-workflow-contract.js +0 -112
  189. package/scripts/prove-xmemory.js +0 -332
  190. package/scripts/publish-decision.js +0 -159
  191. package/scripts/ralph-loop.js +0 -376
  192. package/scripts/ralph-mode-ci.js +0 -434
  193. package/scripts/reddit-dm-outreach.js +0 -192
  194. package/scripts/reddit-monitor-cron.sh +0 -26
  195. package/scripts/reminder-engine.js +0 -132
  196. package/scripts/revenue-status.js +0 -472
  197. package/scripts/rotate-stripe-webhook-secret.js +0 -314
  198. package/scripts/schedule-manager.js +0 -249
  199. package/scripts/self-healing-check.js +0 -193
  200. package/scripts/session-analyzer.js +0 -533
  201. package/scripts/shieldcortex-memory-firewall-runner.mjs +0 -53
  202. package/scripts/skill-exporter.js +0 -260
  203. package/scripts/skill-materializer.js +0 -134
  204. package/scripts/skill-packs.js +0 -136
  205. package/scripts/skill-proposer.js +0 -99
  206. package/scripts/skill-quality-tracker.js +0 -282
  207. package/scripts/slow-loop.js +0 -72
  208. package/scripts/social-analytics/db/marketing-db.js +0 -179
  209. package/scripts/social-analytics/db/schema.sql +0 -55
  210. package/scripts/social-analytics/digest.js +0 -256
  211. package/scripts/social-analytics/engagement-audit.js +0 -185
  212. package/scripts/social-analytics/generate-instagram-card.js +0 -123
  213. package/scripts/social-analytics/generate-slides.js +0 -268
  214. package/scripts/social-analytics/instagram-thumbgate-post.js +0 -111
  215. package/scripts/social-analytics/install-growth-automation.js +0 -114
  216. package/scripts/social-analytics/load-env.js +0 -77
  217. package/scripts/social-analytics/mcp-server.js +0 -289
  218. package/scripts/social-analytics/normalizer.js +0 -580
  219. package/scripts/social-analytics/notify.js +0 -162
  220. package/scripts/social-analytics/poll-all.js +0 -107
  221. package/scripts/social-analytics/pollers/github.js +0 -195
  222. package/scripts/social-analytics/pollers/instagram.js +0 -253
  223. package/scripts/social-analytics/pollers/linkedin.js +0 -340
  224. package/scripts/social-analytics/pollers/plausible.js +0 -245
  225. package/scripts/social-analytics/pollers/reddit.js +0 -306
  226. package/scripts/social-analytics/pollers/threads.js +0 -233
  227. package/scripts/social-analytics/pollers/tiktok.js +0 -203
  228. package/scripts/social-analytics/pollers/x.js +0 -227
  229. package/scripts/social-analytics/pollers/youtube.js +0 -304
  230. package/scripts/social-analytics/pollers/zernio.js +0 -183
  231. package/scripts/social-analytics/post-video.js +0 -316
  232. package/scripts/social-analytics/publish-instagram-thumbgate.js +0 -104
  233. package/scripts/social-analytics/publish-thumbgate-launch.js +0 -322
  234. package/scripts/social-analytics/publishers/devto.js +0 -122
  235. package/scripts/social-analytics/publishers/instagram.js +0 -317
  236. package/scripts/social-analytics/publishers/linkedin.js +0 -294
  237. package/scripts/social-analytics/publishers/reddit.js +0 -385
  238. package/scripts/social-analytics/publishers/threads.js +0 -275
  239. package/scripts/social-analytics/publishers/tiktok.js +0 -217
  240. package/scripts/social-analytics/publishers/x.js +0 -259
  241. package/scripts/social-analytics/publishers/youtube.js +0 -223
  242. package/scripts/social-analytics/publishers/zernio.js +0 -568
  243. package/scripts/social-analytics/reconcile-thumbgate-campaign.js +0 -165
  244. package/scripts/social-analytics/run-digest.js +0 -34
  245. package/scripts/social-analytics/schedule-thumbgate-campaign.js +0 -275
  246. package/scripts/social-analytics/store.js +0 -455
  247. package/scripts/social-analytics/sync-launch-assets.js +0 -185
  248. package/scripts/social-analytics/utm.js +0 -143
  249. package/scripts/social-pipeline.js +0 -2626
  250. package/scripts/social-post-hourly.js +0 -228
  251. package/scripts/social-quality-gate.js +0 -134
  252. package/scripts/social-reply-monitor.js +0 -592
  253. package/scripts/status-dashboard.js +0 -155
  254. package/scripts/stripe-live-status.js +0 -115
  255. package/scripts/subagent-profiles.js +0 -79
  256. package/scripts/sync-branch-protection.js +0 -340
  257. package/scripts/sync-gh-secrets-from-env.sh +0 -70
  258. package/scripts/sync-github-about.js +0 -55
  259. package/scripts/sync-version.js +0 -479
  260. package/scripts/synthetic-dpo.js +0 -234
  261. package/scripts/tessl-export.js +0 -369
  262. package/scripts/test-coverage.js +0 -128
  263. package/scripts/thumbgate-bench.js +0 -494
  264. package/scripts/thumbgate_session_start.sh +0 -32
  265. package/scripts/train_from_feedback.py +0 -929
  266. package/scripts/validate-feedback.js +0 -581
  267. package/scripts/verify-obsidian-setup.sh +0 -269
  268. package/scripts/verify-run.js +0 -269
  269. package/scripts/weekly-auto-post.js +0 -124
  270. 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>