myaiforone 1.0.0

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 (315) hide show
  1. package/README.md +113 -0
  2. package/agents/_template/CLAUDE.md +18 -0
  3. package/agents/_template/agent.json +7 -0
  4. package/agents/platform/agentcreator/CLAUDE.md +300 -0
  5. package/agents/platform/appcreator/CLAUDE.md +158 -0
  6. package/agents/platform/gym/CLAUDE.md +486 -0
  7. package/agents/platform/gym/agent.json +40 -0
  8. package/agents/platform/gym/programs/agent-building/program.json +160 -0
  9. package/agents/platform/gym/programs/automations-mastery/program.json +129 -0
  10. package/agents/platform/gym/programs/getting-started/program.json +124 -0
  11. package/agents/platform/gym/programs/mcp-integrations/program.json +116 -0
  12. package/agents/platform/gym/programs/multi-model-strategy/program.json +115 -0
  13. package/agents/platform/gym/programs/prompt-engineering/program.json +136 -0
  14. package/agents/platform/gym/souls/alex.md +12 -0
  15. package/agents/platform/gym/souls/jordan.md +12 -0
  16. package/agents/platform/gym/souls/morgan.md +12 -0
  17. package/agents/platform/gym/souls/riley.md +12 -0
  18. package/agents/platform/gym/souls/sam.md +12 -0
  19. package/agents/platform/hub/CLAUDE.md +372 -0
  20. package/agents/platform/promptcreator/CLAUDE.md +130 -0
  21. package/agents/platform/skillcreator/CLAUDE.md +163 -0
  22. package/bin/cli.js +566 -0
  23. package/config.example.json +310 -0
  24. package/dist/agent-registry.d.ts +32 -0
  25. package/dist/agent-registry.d.ts.map +1 -0
  26. package/dist/agent-registry.js +144 -0
  27. package/dist/agent-registry.js.map +1 -0
  28. package/dist/channels/discord.d.ts +17 -0
  29. package/dist/channels/discord.d.ts.map +1 -0
  30. package/dist/channels/discord.js +114 -0
  31. package/dist/channels/discord.js.map +1 -0
  32. package/dist/channels/imessage.d.ts +23 -0
  33. package/dist/channels/imessage.d.ts.map +1 -0
  34. package/dist/channels/imessage.js +214 -0
  35. package/dist/channels/imessage.js.map +1 -0
  36. package/dist/channels/slack.d.ts +19 -0
  37. package/dist/channels/slack.d.ts.map +1 -0
  38. package/dist/channels/slack.js +167 -0
  39. package/dist/channels/slack.js.map +1 -0
  40. package/dist/channels/telegram.d.ts +19 -0
  41. package/dist/channels/telegram.d.ts.map +1 -0
  42. package/dist/channels/telegram.js +274 -0
  43. package/dist/channels/telegram.js.map +1 -0
  44. package/dist/channels/types.d.ts +44 -0
  45. package/dist/channels/types.d.ts.map +1 -0
  46. package/dist/channels/types.js +18 -0
  47. package/dist/channels/types.js.map +1 -0
  48. package/dist/channels/whatsapp.d.ts +23 -0
  49. package/dist/channels/whatsapp.d.ts.map +1 -0
  50. package/dist/channels/whatsapp.js +189 -0
  51. package/dist/channels/whatsapp.js.map +1 -0
  52. package/dist/config.d.ts +134 -0
  53. package/dist/config.d.ts.map +1 -0
  54. package/dist/config.js +127 -0
  55. package/dist/config.js.map +1 -0
  56. package/dist/cron.d.ts +8 -0
  57. package/dist/cron.d.ts.map +1 -0
  58. package/dist/cron.js +35 -0
  59. package/dist/cron.js.map +1 -0
  60. package/dist/decrypt-keys.d.ts +7 -0
  61. package/dist/decrypt-keys.d.ts.map +1 -0
  62. package/dist/decrypt-keys.js +53 -0
  63. package/dist/decrypt-keys.js.map +1 -0
  64. package/dist/encrypt-keys.d.ts +8 -0
  65. package/dist/encrypt-keys.d.ts.map +1 -0
  66. package/dist/encrypt-keys.js +62 -0
  67. package/dist/encrypt-keys.js.map +1 -0
  68. package/dist/executor.d.ts +31 -0
  69. package/dist/executor.d.ts.map +1 -0
  70. package/dist/executor.js +2009 -0
  71. package/dist/executor.js.map +1 -0
  72. package/dist/gemini-executor.d.ts +27 -0
  73. package/dist/gemini-executor.d.ts.map +1 -0
  74. package/dist/gemini-executor.js +160 -0
  75. package/dist/gemini-executor.js.map +1 -0
  76. package/dist/goals.d.ts +24 -0
  77. package/dist/goals.d.ts.map +1 -0
  78. package/dist/goals.js +189 -0
  79. package/dist/goals.js.map +1 -0
  80. package/dist/gym/activity-digest.d.ts +30 -0
  81. package/dist/gym/activity-digest.d.ts.map +1 -0
  82. package/dist/gym/activity-digest.js +506 -0
  83. package/dist/gym/activity-digest.js.map +1 -0
  84. package/dist/gym/dimension-scorer.d.ts +76 -0
  85. package/dist/gym/dimension-scorer.d.ts.map +1 -0
  86. package/dist/gym/dimension-scorer.js +236 -0
  87. package/dist/gym/dimension-scorer.js.map +1 -0
  88. package/dist/gym/gym-router.d.ts +7 -0
  89. package/dist/gym/gym-router.d.ts.map +1 -0
  90. package/dist/gym/gym-router.js +718 -0
  91. package/dist/gym/gym-router.js.map +1 -0
  92. package/dist/gym/index.d.ts +11 -0
  93. package/dist/gym/index.d.ts.map +1 -0
  94. package/dist/gym/index.js +11 -0
  95. package/dist/gym/index.js.map +1 -0
  96. package/dist/heartbeat.d.ts +21 -0
  97. package/dist/heartbeat.d.ts.map +1 -0
  98. package/dist/heartbeat.js +163 -0
  99. package/dist/heartbeat.js.map +1 -0
  100. package/dist/index.d.ts +2 -0
  101. package/dist/index.d.ts.map +1 -0
  102. package/dist/index.js +254 -0
  103. package/dist/index.js.map +1 -0
  104. package/dist/keystore.d.ts +22 -0
  105. package/dist/keystore.d.ts.map +1 -0
  106. package/dist/keystore.js +178 -0
  107. package/dist/keystore.js.map +1 -0
  108. package/dist/logger.d.ts +9 -0
  109. package/dist/logger.d.ts.map +1 -0
  110. package/dist/logger.js +45 -0
  111. package/dist/logger.js.map +1 -0
  112. package/dist/memory/daily.d.ts +22 -0
  113. package/dist/memory/daily.d.ts.map +1 -0
  114. package/dist/memory/daily.js +82 -0
  115. package/dist/memory/daily.js.map +1 -0
  116. package/dist/memory/embeddings.d.ts +15 -0
  117. package/dist/memory/embeddings.d.ts.map +1 -0
  118. package/dist/memory/embeddings.js +154 -0
  119. package/dist/memory/embeddings.js.map +1 -0
  120. package/dist/memory/index.d.ts +32 -0
  121. package/dist/memory/index.d.ts.map +1 -0
  122. package/dist/memory/index.js +159 -0
  123. package/dist/memory/index.js.map +1 -0
  124. package/dist/memory/search.d.ts +21 -0
  125. package/dist/memory/search.d.ts.map +1 -0
  126. package/dist/memory/search.js +77 -0
  127. package/dist/memory/search.js.map +1 -0
  128. package/dist/memory/store.d.ts +23 -0
  129. package/dist/memory/store.d.ts.map +1 -0
  130. package/dist/memory/store.js +144 -0
  131. package/dist/memory/store.js.map +1 -0
  132. package/dist/ollama-executor.d.ts +17 -0
  133. package/dist/ollama-executor.d.ts.map +1 -0
  134. package/dist/ollama-executor.js +112 -0
  135. package/dist/ollama-executor.js.map +1 -0
  136. package/dist/openai-executor.d.ts +38 -0
  137. package/dist/openai-executor.d.ts.map +1 -0
  138. package/dist/openai-executor.js +197 -0
  139. package/dist/openai-executor.js.map +1 -0
  140. package/dist/router.d.ts +11 -0
  141. package/dist/router.d.ts.map +1 -0
  142. package/dist/router.js +185 -0
  143. package/dist/router.js.map +1 -0
  144. package/dist/test-message.d.ts +2 -0
  145. package/dist/test-message.d.ts.map +1 -0
  146. package/dist/test-message.js +60 -0
  147. package/dist/test-message.js.map +1 -0
  148. package/dist/utils/imsg-db-reader.d.ts +24 -0
  149. package/dist/utils/imsg-db-reader.d.ts.map +1 -0
  150. package/dist/utils/imsg-db-reader.js +92 -0
  151. package/dist/utils/imsg-db-reader.js.map +1 -0
  152. package/dist/utils/imsg-rpc.d.ts +25 -0
  153. package/dist/utils/imsg-rpc.d.ts.map +1 -0
  154. package/dist/utils/imsg-rpc.js +149 -0
  155. package/dist/utils/imsg-rpc.js.map +1 -0
  156. package/dist/utils/message-formatter.d.ts +3 -0
  157. package/dist/utils/message-formatter.d.ts.map +1 -0
  158. package/dist/utils/message-formatter.js +69 -0
  159. package/dist/utils/message-formatter.js.map +1 -0
  160. package/dist/web-ui.d.ts +12 -0
  161. package/dist/web-ui.d.ts.map +1 -0
  162. package/dist/web-ui.js +5784 -0
  163. package/dist/web-ui.js.map +1 -0
  164. package/dist/whatsapp-chats.d.ts +2 -0
  165. package/dist/whatsapp-chats.d.ts.map +1 -0
  166. package/dist/whatsapp-chats.js +76 -0
  167. package/dist/whatsapp-chats.js.map +1 -0
  168. package/dist/whatsapp-login.d.ts +2 -0
  169. package/dist/whatsapp-login.d.ts.map +1 -0
  170. package/dist/whatsapp-login.js +90 -0
  171. package/dist/whatsapp-login.js.map +1 -0
  172. package/dist/wiki-sync.d.ts +21 -0
  173. package/dist/wiki-sync.d.ts.map +1 -0
  174. package/dist/wiki-sync.js +147 -0
  175. package/dist/wiki-sync.js.map +1 -0
  176. package/docs/AddNewAgentGuide.md +100 -0
  177. package/docs/AddNewMcpGuide.md +72 -0
  178. package/docs/Architecture.md +795 -0
  179. package/docs/CLAUDE-AI-SETUP.md +166 -0
  180. package/docs/Setup.md +297 -0
  181. package/docs/ai-gym-architecture.md +1040 -0
  182. package/docs/ai-gym-build-plan.md +343 -0
  183. package/docs/ai-gym-onboarding.md +122 -0
  184. package/docs/appcreator_plan.md +348 -0
  185. package/docs/platform-mcp-audit.md +320 -0
  186. package/docs/server-deployment-plan.md +503 -0
  187. package/docs/superpowers/plans/2026-03-25-marketplace.md +1281 -0
  188. package/docs/superpowers/specs/2026-03-25-marketplace-design.md +287 -0
  189. package/docs/user-guide.md +2016 -0
  190. package/mcp-catalog.json +628 -0
  191. package/package.json +63 -0
  192. package/public/MyAIforOne-logomark-512.svg +16 -0
  193. package/public/MyAIforOne-logomark-transparent.svg +15 -0
  194. package/public/activity.html +314 -0
  195. package/public/admin.html +1674 -0
  196. package/public/agent-dashboard.html +670 -0
  197. package/public/api-docs.html +1106 -0
  198. package/public/automations.html +722 -0
  199. package/public/canvas.css +223 -0
  200. package/public/canvas.js +588 -0
  201. package/public/changelog.html +231 -0
  202. package/public/gym.html +2766 -0
  203. package/public/home.html +1930 -0
  204. package/public/index.html +2809 -0
  205. package/public/lab.html +1643 -0
  206. package/public/library.html +1442 -0
  207. package/public/marketplace.html +1101 -0
  208. package/public/mcp-docs.html +441 -0
  209. package/public/mini.html +390 -0
  210. package/public/monitor.html +584 -0
  211. package/public/org.html +4304 -0
  212. package/public/projects.html +734 -0
  213. package/public/settings.html +645 -0
  214. package/public/tasks.html +932 -0
  215. package/public/trainers/alex.svg +12 -0
  216. package/public/trainers/jordan.svg +12 -0
  217. package/public/trainers/morgan.svg +12 -0
  218. package/public/trainers/riley.svg +12 -0
  219. package/public/trainers/sam.svg +12 -0
  220. package/public/user-guide.html +218 -0
  221. package/registry/agents.json +3 -0
  222. package/registry/apps.json +20 -0
  223. package/registry/installed-drafts.json +3 -0
  224. package/registry/mcps.json +1084 -0
  225. package/registry/prompts/personal/mcp-test-prompt.md +6 -0
  226. package/registry/prompts/personal/memory-recall.md +6 -0
  227. package/registry/prompts/platform/brainstorm.md +15 -0
  228. package/registry/prompts/platform/code-review.md +16 -0
  229. package/registry/prompts/platform/explain.md +16 -0
  230. package/registry/prompts.json +58 -0
  231. package/registry/skills/external/brainstorming.md +5 -0
  232. package/registry/skills/external/code-review.md +40 -0
  233. package/registry/skills/external/frontend-patterns.md +642 -0
  234. package/registry/skills/external/frontend-slides.md +184 -0
  235. package/registry/skills/external/systematic-debugging.md +5 -0
  236. package/registry/skills/external/tdd.md +328 -0
  237. package/registry/skills/external/verification-before-completion.md +5 -0
  238. package/registry/skills/external/writing-plans.md +5 -0
  239. package/registry/skills/platform/ai41_app_build.md +930 -0
  240. package/registry/skills/platform/ai41_app_deploy.md +168 -0
  241. package/registry/skills/platform/ai41_app_orchestrator.md +239 -0
  242. package/registry/skills/platform/ai41_app_patterns.md +359 -0
  243. package/registry/skills/platform/ai41_app_register.md +85 -0
  244. package/registry/skills/platform/ai41_app_scaffold.md +421 -0
  245. package/registry/skills/platform/ai41_app_verify.md +107 -0
  246. package/registry/skills/platform/opProjectCreate.md +239 -0
  247. package/registry/skills/platform/op_devbrowser.md +136 -0
  248. package/registry/skills/platform/sop_brandguidelines.md +103 -0
  249. package/registry/skills/platform/sop_docx.md +117 -0
  250. package/registry/skills/platform/sop_frontenddesign.md +44 -0
  251. package/registry/skills/platform/sop_frontenddesign_v2.md +659 -0
  252. package/registry/skills/platform/sop_mcpbuilder.md +133 -0
  253. package/registry/skills/platform/sop_pdf.md +172 -0
  254. package/registry/skills/platform/sop_pptx.md +133 -0
  255. package/registry/skills/platform/sop_skillcreator.md +104 -0
  256. package/registry/skills/platform/sop_themefactory.md +128 -0
  257. package/registry/skills/platform/sop_webapptesting.md +75 -0
  258. package/registry/skills/platform/sop_webartifactsbuilder.md +97 -0
  259. package/registry/skills/platform/sop_xlsx.md +134 -0
  260. package/registry/skills.json +1055 -0
  261. package/scripts/discover-chats.sh +11 -0
  262. package/scripts/install-service-windows.ps1 +87 -0
  263. package/scripts/install-service.sh +52 -0
  264. package/scripts/seed-registry.ts +195 -0
  265. package/scripts/test-send.sh +5 -0
  266. package/scripts/tray-indicator.ps1 +35 -0
  267. package/scripts/uninstall-service-windows.ps1 +23 -0
  268. package/scripts/uninstall-service.sh +15 -0
  269. package/scripts/xbar-myagent.5s.sh +32 -0
  270. package/server/mcp-server/dist/index.d.ts +11 -0
  271. package/server/mcp-server/dist/index.js +1332 -0
  272. package/server/mcp-server/dist/lib/api-client.d.ts +165 -0
  273. package/server/mcp-server/dist/lib/api-client.js +241 -0
  274. package/server/mcp-server/index.ts +1545 -0
  275. package/server/mcp-server/lib/api-client.ts +366 -0
  276. package/server/mcp-server/tsconfig.json +14 -0
  277. package/src/agent-registry.ts +180 -0
  278. package/src/channels/discord.ts +129 -0
  279. package/src/channels/imessage.ts +261 -0
  280. package/src/channels/slack.ts +208 -0
  281. package/src/channels/telegram.ts +307 -0
  282. package/src/channels/types.ts +62 -0
  283. package/src/channels/whatsapp.ts +227 -0
  284. package/src/config.ts +281 -0
  285. package/src/cron.ts +43 -0
  286. package/src/decrypt-keys.ts +60 -0
  287. package/src/encrypt-keys.ts +70 -0
  288. package/src/executor.ts +2190 -0
  289. package/src/gemini-executor.ts +212 -0
  290. package/src/goals.ts +240 -0
  291. package/src/gym/activity-digest.ts +546 -0
  292. package/src/gym/dimension-scorer.ts +297 -0
  293. package/src/gym/gym-router.ts +801 -0
  294. package/src/gym/index.ts +19 -0
  295. package/src/heartbeat.ts +220 -0
  296. package/src/index.ts +275 -0
  297. package/src/keystore.ts +190 -0
  298. package/src/logger.ts +51 -0
  299. package/src/memory/daily.ts +101 -0
  300. package/src/memory/embeddings.ts +185 -0
  301. package/src/memory/index.ts +218 -0
  302. package/src/memory/search.ts +124 -0
  303. package/src/memory/store.ts +189 -0
  304. package/src/ollama-executor.ts +126 -0
  305. package/src/openai-executor.ts +259 -0
  306. package/src/router.ts +230 -0
  307. package/src/test-message.ts +72 -0
  308. package/src/utils/imsg-db-reader.ts +109 -0
  309. package/src/utils/imsg-rpc.ts +178 -0
  310. package/src/utils/message-formatter.ts +90 -0
  311. package/src/web-ui.ts +5778 -0
  312. package/src/whatsapp-chats.ts +91 -0
  313. package/src/whatsapp-login.ts +110 -0
  314. package/src/wiki-sync.ts +199 -0
  315. package/tsconfig.json +19 -0
package/public/monitor.html ADDED
@@ -0,0 +1,584 @@
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>MyAIforOne — Monitor</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@600;700;800&display=swap" rel="stylesheet">
8
+ <style>
9
+ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
10
+ :root{
11
+ --bg-deep:#060a13;--bg-surface:rgba(12,18,33,0.92);--bg-card:rgba(16,22,40,0.85);
12
+ --bg-input:rgba(0,0,0,0.35);--border-dim:rgba(56,189,248,0.08);
13
+ --border-glow:rgba(56,189,248,0.18);--border-active:rgba(56,189,248,0.45);
14
+ --text-primary:rgba(255,255,255,0.92);--text-secondary:rgba(255,255,255,0.68);
15
+ --text-muted:rgba(148,163,184,0.55);--accent:#22d3ee;--accent-soft:#38bdf8;
16
+ --accent-bg:rgba(6,182,212,0.15);
17
+ --purple:rgba(139,92,246,0.7);--purple-bg:rgba(139,92,246,0.12);
18
+ --green:#4ade80;--green-bg:rgba(74,222,128,0.1);
19
+ --red:#f87171;--red-bg:rgba(248,113,113,0.1);--amber:#fbbf24;--amber-bg:rgba(251,191,36,0.1);
20
+ --shadow:0 2px 12px rgba(0,0,0,0.3);--shadow-glow:0 0 20px rgba(34,211,238,0.08);--radius:12px;
21
+ --font-sans:'DM Sans',system-ui,sans-serif;--font-mono:'IBM Plex Mono',monospace;
22
+ --font-display:'Syne',sans-serif;
23
+ }
24
+ [data-theme="light"]{
25
+ --bg-deep:#f4f6f9;--bg-surface:rgba(255,255,255,0.95);--bg-card:rgba(255,255,255,0.9);
26
+ --bg-input:rgba(0,0,0,0.04);--border-dim:rgba(0,0,0,0.08);
27
+ --border-glow:rgba(14,116,144,0.18);--border-active:rgba(14,116,144,0.45);
28
+ --text-primary:rgba(15,23,42,0.92);--text-secondary:rgba(51,65,85,0.8);
29
+ --text-muted:rgba(100,116,139,0.6);--accent:#0891b2;--accent-soft:#0e7490;
30
+ --accent-bg:rgba(14,116,144,0.08);
31
+ --purple:rgba(109,40,217,0.75);--purple-bg:rgba(139,92,246,0.08);
32
+ --green:#16a34a;--green-bg:rgba(22,163,74,0.08);--red:#dc2626;--red-bg:rgba(220,38,38,0.08);
33
+ --amber:#d97706;--amber-bg:rgba(217,119,6,0.08);--shadow:0 1px 8px rgba(0,0,0,0.06);--shadow-glow:none;
34
+ }
35
+ html,body{width:100%;height:100%;max-width:100vw;background:var(--bg-deep);font-family:var(--font-sans);color:var(--text-primary);transition:background .3s,color .3s}
36
+
37
+ /* ── Topbar ── */
38
+ .topbar{height:56px;display:flex;align-items:center;padding:0 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-dim);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;z-index:100;overflow:hidden;max-width:100vw}
39
+ .topbar-logo{display:flex;align-items:center;gap:10px;margin-right:32px;flex-shrink:0}
40
+ .logo-mark{width:28px;height:28px;border-radius:8px;object-fit:contain}
41
+ .logo-text{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent)}
42
+ .tab-group{display:flex;gap:0;flex-shrink:1;min-width:0;overflow-x:auto}
43
+ .tab-btn{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;padding:16px 14px;cursor:pointer;position:relative;transition:color .2s;text-decoration:none;display:block;white-space:nowrap;flex-shrink:0}
44
+ .tab-btn:hover{color:var(--text-secondary)}
45
+ .tab-btn.active{color:var(--accent)}
46
+ .tab-btn.active::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--accent);border-radius:1px}
47
+ .topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}
48
+ .gym-nav-btn{font-family:var(--font-sans);font-size:12px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:6px 14px;cursor:pointer;text-decoration:none;letter-spacing:.02em;transition:opacity .2s,transform .2s;white-space:nowrap}
49
+ .gym-nav-btn:hover{opacity:.88;transform:translateY(-1px)}
50
+ .theme-toggle{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-dim);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}
51
+ .theme-toggle:hover{border-color:var(--border-glow);color:var(--text-secondary)}
52
+ .gear-btn{height:34px;border-radius:8px;border:1px solid var(--border-dim);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.03em;padding:0 10px;transition:all .2s;text-decoration:none;white-space:nowrap}
53
+ .gear-btn:hover{border-color:var(--border-glow);color:var(--text-secondary)}
54
+
55
+ /* ── Canvas ── */
56
+ .canvas{position:fixed;top:56px;left:0;right:0;bottom:0;overflow-y:auto;padding:24px 40px 60px}
57
+ .canvas::-webkit-scrollbar{width:6px}
58
+ .canvas::-webkit-scrollbar-track{background:transparent}
59
+ .canvas::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}
60
+
61
+ /* ── Setup Checklist ── */
62
+ .setup-card{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius);margin-bottom:24px;overflow:hidden;max-width:800px;margin-left:auto;margin-right:auto;transition:all .3s}
63
+ .setup-card.collapsed .setup-body{display:none}
64
+ .setup-header{padding:16px 20px;border-bottom:1px solid var(--border-dim);display:flex;align-items:center;gap:10px}
65
+ .setup-icon{width:28px;height:28px;border-radius:7px;background:var(--accent-bg);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--accent);flex-shrink:0}
66
+ .setup-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent)}
67
+ .setup-complete-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--green);margin-left:auto}
68
+ .setup-body{padding:16px 20px}
69
+ .checklist-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-dim)}
70
+ .checklist-item:last-child{border-bottom:none}
71
+ .check-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .3s}
72
+ .check-dot.done{background:var(--green);box-shadow:0 0 6px rgba(74,222,128,0.5)}
73
+ .check-dot.pending{background:var(--text-muted)}
74
+ .check-label{font-size:13px;color:var(--text-primary);font-weight:500}
75
+ .check-label.done{color:var(--text-muted);text-decoration:line-through}
76
+ .setup-btn{display:inline-block;margin-top:16px;padding:8px 20px;border-radius:8px;border:1px solid var(--accent);background:var(--accent-bg);color:var(--accent);font-family:var(--font-sans);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}
77
+ .setup-btn:hover{background:var(--accent);color:#000}
78
+
79
+ /* ── Dashboard Grid ── */
80
+ .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px;margin:0 auto}
81
+ @media(max-width:820px){.dashboard-grid{grid-template-columns:1fr}}
82
+ .dash-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius);overflow:hidden;transition:all .3s}
83
+ .dash-card:hover{border-color:var(--border-glow)}
84
+ .dash-card-header{padding:14px 20px;border-bottom:1px solid var(--border-dim);display:flex;align-items:center;gap:10px}
85
+ .dash-card-icon{width:28px;height:28px;border-radius:7px;background:var(--accent-bg);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--accent);flex-shrink:0}
86
+ .dash-card-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent)}
87
+ .dash-card-body{padding:16px 20px}
88
+
89
+ /* ── Stat rows ── */
90
+ .stat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-dim)}
91
+ .stat-row:last-child{border-bottom:none}
92
+ .stat-label{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}
93
+ .stat-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}
94
+ .stat-value .channel-pill{display:inline-block;font-size:10px;padding:2px 8px;border-radius:4px;background:var(--purple-bg);color:var(--purple);margin:2px 3px;font-weight:500}
95
+
96
+ /* ── Agent rows ── */
97
+ .agent-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border-dim);cursor:pointer;border-radius:6px;transition:background .15s}
98
+ .agent-row:hover{background:var(--bg-card)}
99
+ .agent-row:last-child{border-bottom:none}
100
+ .agent-avatar{width:26px;height:26px;border-radius:6px;background:var(--accent-bg);border:1px solid rgba(34,211,238,0.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--accent);flex-shrink:0}
101
+ .agent-info{flex:1;min-width:0}
102
+ .agent-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
103
+ .agent-alias{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}
104
+ .agent-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
105
+ .agent-badge{font-family:var(--font-mono);font-size:9px;padding:1px 6px;border-radius:3px;background:var(--bg-card);border:1px solid var(--border-dim);color:var(--text-muted);white-space:nowrap}
106
+ .agent-badge.has-value{color:var(--text-secondary)}
107
+ .agent-badge.active{background:var(--accent-bg);border-color:rgba(34,211,238,0.2);color:var(--accent)}
108
+ .agent-badge.tasks{background:var(--amber-bg);border-color:rgba(251,191,36,0.2);color:var(--amber)}
109
+ .agent-filter-bar{display:flex;align-items:center;gap:6px;padding:0 4px 10px;flex-wrap:wrap}
110
+ .agent-search{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-primary);outline:none;width:120px;transition:border-color .2s}
111
+ .agent-search::placeholder{color:var(--text-muted)}
112
+ .agent-search:focus{border-color:var(--border-active)}
113
+ .filter-pill{font-family:var(--font-mono);font-size:9px;padding:2px 8px;border-radius:3px;background:var(--bg-card);border:1px solid var(--border-dim);color:var(--text-muted);cursor:pointer;user-select:none;transition:all .15s;white-space:nowrap}
114
+ .filter-pill:hover{border-color:var(--border-glow);color:var(--text-secondary)}
115
+ .filter-pill.active{background:var(--accent-bg);border-color:rgba(34,211,238,0.25);color:var(--accent)}
116
+ .agent-stats{text-align:right;flex-shrink:0}
117
+ .agent-msg-count{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}
118
+ .agent-last-msg{font-size:10px;color:var(--text-muted)}
119
+
120
+ /* ── Activity feed ── */
121
+ .feed-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-dim);font-size:12px}
122
+ .feed-row:last-child{border-bottom:none}
123
+ .feed-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0;min-width:60px;padding-top:2px}
124
+ .feed-agent{font-weight:600;color:var(--accent);flex-shrink:0;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
125
+ .feed-text{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
126
+ .feed-text.user-msg{color:var(--accent-soft)}
127
+ .feed-text.agent-msg{color:var(--purple)}
128
+ .no-data{text-align:center;padding:20px;color:var(--text-muted);font-size:12px}
129
+
130
+ /* ── Cost card ── */
131
+ .cost-row{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-dim)}
132
+ .cost-row:last-child{border-bottom:none}
133
+ .cost-period{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:100px}
134
+ .cost-amount{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-primary)}
135
+
136
+ /* ── Toast ── */
137
+ .toast{position:fixed;bottom:24px;right:24px;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;z-index:9999;opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:none}
138
+ .toast.show{opacity:1;transform:translateY(0)}
139
+ .toast.ok{background:var(--green-bg);border:1px solid var(--green);color:var(--green)}
140
+ .toast.err{background:var(--red-bg);border:1px solid var(--red);color:var(--red)}
141
+ .toast.info{background:var(--accent-bg);border:1px solid var(--accent);color:var(--accent)}
142
+
143
+ /* ── Refresh indicator ── */
144
+ .refresh-indicator{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:center;padding:12px;opacity:.6}
145
+
146
+ @media(max-width:600px){
147
+ .canvas{padding:16px 16px 40px}
148
+ .topbar{padding:0 12px}
149
+ .topbar-logo{margin-right:12px}
150
+ }
151
+ </style>
152
+ </head>
153
+ <body>
154
+
155
+ <!-- ── Topbar ── -->
156
+ <div class="topbar">
157
+ <a href="/" style="display:flex;align-items:center;gap:10px;margin-right:28px;text-decoration:none">
158
+ <img class="logo-mark" src="/MyAIforOne-logomark-transparent.svg" alt="MyAIforOne">
159
+ <span class="logo-text">MyAIforOne</span>
160
+ </a>
161
+ <nav class="tab-group">
162
+ <a class="tab-btn" href="/">Home</a>
163
+ <a class="tab-btn" href="/org">Agents</a>
164
+ <a class="tab-btn" href="/ui">Chat</a>
165
+ <a class="tab-btn" href="/library">Library</a>
166
+ <a class="tab-btn" href="/lab">Lab</a>
167
+ </nav>
168
+ <div class="topbar-right">
169
+ <a class="gym-nav-btn gym-tab-link" href="/gym" style="display:none">Gym</a>
170
+ <a href="/marketplace" class="gear-btn" title="Marketplace" style="font-size:11px;font-weight:700;letter-spacing:.03em;padding:0 10px;width:auto">Marketplace</a>
171
+ <a href="/admin" class="gear-btn" title="Admin" style="font-size:11px;font-weight:700;letter-spacing:.03em;padding:0 10px;width:auto">Admin</a>
172
+ <a href="/user-guide" class="gear-btn" title="User Guide" style="font-size:11px;font-weight:700;letter-spacing:.03em;padding:0 10px;width:auto">User Guide</a>
173
+ <a href="/monitor" class="gear-btn" title="Monitor" style="font-size:11px;font-weight:700;letter-spacing:.03em;padding:0 10px;width:auto">Monitor</a>
174
+ <button onclick="window.open('/mini','minibar','width=440,height=460,resizable=yes,scrollbars=no')" title="Open Mini Bar" style="display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-dim);background:transparent;color:var(--text-muted);cursor:pointer;font-size:15px;transition:all .2s" onmouseover="this.style.borderColor='var(--border-glow)'" onmouseout="this.style.borderColor='var(--border-dim)'">&#8865;</button>
175
+ <button class="theme-toggle" onclick="toggleTheme()" id="themeBtn" title="Toggle theme">&#9728;</button>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- ── Canvas ── -->
180
+ <div class="canvas">
181
+
182
+ <!-- ═══ Setup Checklist ═══ -->
183
+ <div class="setup-card" id="setupCard">
184
+ <div class="setup-header">
185
+ <div class="setup-icon">&#9745;</div>
186
+ <div class="setup-title">Getting Started</div>
187
+ <span class="setup-complete-badge" id="setupBadge" style="display:none">Setup complete!</span>
188
+ </div>
189
+ <div class="setup-body" id="setupBody">
190
+ <div class="checklist-item" id="check-channel">
191
+ <div class="check-dot pending" id="dot-channel"></div>
192
+ <span class="check-label" id="label-channel">Connect a messaging channel</span>
193
+ </div>
194
+ <div class="checklist-item" id="check-agent">
195
+ <div class="check-dot pending" id="dot-agent"></div>
196
+ <span class="check-label" id="label-agent">Create your first agent</span>
197
+ </div>
198
+ <div class="checklist-item" id="check-message">
199
+ <div class="check-dot pending" id="dot-message"></div>
200
+ <span class="check-label" id="label-message">Send a test message</span>
201
+ </div>
202
+ <a class="setup-btn" id="setupBtn" href="/?setup=true">Start Setup</a>
203
+ </div>
204
+ </div>
205
+
206
+ <!-- ═══ Dashboard Grid ═══ -->
207
+ <div class="dashboard-grid">
208
+
209
+ <!-- Card 1: Platform Status -->
210
+ <div class="dash-card">
211
+ <div class="dash-card-header">
212
+ <div class="dash-card-icon">&#9889;</div>
213
+ <div class="dash-card-title">Platform Status</div>
214
+ </div>
215
+ <div class="dash-card-body" id="statusBody">
216
+ <div class="no-data">Loading...</div>
217
+ </div>
218
+ </div>
219
+
220
+ <!-- Card 2: Agent Activity -->
221
+ <div class="dash-card">
222
+ <div class="dash-card-header">
223
+ <div class="dash-card-icon">&#9670;</div>
224
+ <div class="dash-card-title">Agent Activity</div>
225
+ </div>
226
+ <div class="agent-filter-bar" id="agentFilterBar">
227
+ <input class="agent-search" id="agentSearch" type="text" placeholder="Search..." oninput="applyAgentFilters()">
228
+ <span class="filter-pill" data-filter="mcps" onclick="toggleAgentFilter(this)">MCPs</span>
229
+ <span class="filter-pill" data-filter="skills" onclick="toggleAgentFilter(this)">Skills</span>
230
+ <span class="filter-pill" data-filter="automations" onclick="toggleAgentFilter(this)">Automations</span>
231
+ <span class="filter-pill" data-filter="tasks" onclick="toggleAgentFilter(this)">Open Tasks</span>
232
+ </div>
233
+ <div class="dash-card-body" id="agentsBody">
234
+ <div class="no-data">Loading...</div>
235
+ </div>
236
+ </div>
237
+
238
+ <!-- Card 3: Recent Activity Feed -->
239
+ <div class="dash-card" style="grid-column:1/-1">
240
+ <div class="dash-card-header">
241
+ <div class="dash-card-icon">&#9656;</div>
242
+ <div class="dash-card-title">Recent Activity</div>
243
+ </div>
244
+ <div class="dash-card-body" id="feedBody" style="max-height:400px;overflow-y:auto">
245
+ <div class="no-data">Loading...</div>
246
+ </div>
247
+ </div>
248
+
249
+ <!-- Card 4: Costs (hidden until data available) -->
250
+ <div class="dash-card" id="costsCard" style="display:none;grid-column:1/-1">
251
+ <div class="dash-card-header">
252
+ <div class="dash-card-icon">&#36;</div>
253
+ <div class="dash-card-title">Costs</div>
254
+ </div>
255
+ <div class="dash-card-body" id="costsBody"></div>
256
+ </div>
257
+
258
+ </div>
259
+
260
+ <div class="refresh-indicator" id="refreshIndicator"></div>
261
+ </div>
262
+
263
+ <div class="toast" id="toast"></div>
264
+
265
+ <script>
266
+ // ── Theme ──
267
+ function applyTheme(t){
268
+ document.documentElement.setAttribute('data-theme',t);
269
+ localStorage.setItem('theme',t);
270
+ document.getElementById('themeBtn').textContent = t === 'light' ? '\u{1F319}' : '\u2600\uFE0F';
271
+ }
272
+ function toggleTheme(){applyTheme(document.documentElement.getAttribute('data-theme')==='light'?'dark':'light')}
273
+ (function(){
274
+ const saved = localStorage.getItem('theme') || 'dark';
275
+ document.documentElement.setAttribute('data-theme', saved);
276
+ setTimeout(() => { document.getElementById('themeBtn').textContent = saved === 'light' ? '\u{1F319}' : '\u2600\uFE0F'; }, 0);
277
+ })();
278
+
279
+ // ── Helpers ──
280
+ function relativeTime(ts) {
281
+ if (!ts) return 'never';
282
+ const diff = Date.now() - new Date(ts).getTime();
283
+ const mins = Math.floor(diff / 60000);
284
+ if (mins < 1) return 'just now';
285
+ if (mins < 60) return mins + 'm ago';
286
+ const hrs = Math.floor(mins / 60);
287
+ if (hrs < 24) return hrs + 'h ago';
288
+ const days = Math.floor(hrs / 24);
289
+ return days + 'd ago';
290
+ }
291
+
292
+ function formatUptime(seconds) {
293
+ if (!seconds) return '-';
294
+ const h = Math.floor(seconds / 3600);
295
+ const m = Math.floor((seconds % 3600) / 60);
296
+ return h + 'h ' + m + 'm';
297
+ }
298
+
299
+ function shortTime(ts) {
300
+ if (!ts) return '';
301
+ const d = new Date(ts);
302
+ return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
303
+ }
304
+
305
+ function initials(name) {
306
+ if (!name) return '??';
307
+ return name.split(/[\s_-]+/).slice(0, 2).map(w => w[0] || '').join('').toUpperCase();
308
+ }
309
+
310
+ // ── State ──
311
+ let dashboardData = null;
312
+ let projectsData = [];
313
+ let activityData = [];
314
+ const activeAgentFilters = new Set();
315
+
316
+ function toggleAgentFilter(el) {
317
+ const f = el.getAttribute('data-filter');
318
+ if (activeAgentFilters.has(f)) { activeAgentFilters.delete(f); el.classList.remove('active'); }
319
+ else { activeAgentFilters.add(f); el.classList.add('active'); }
320
+ applyAgentFilters();
321
+ }
322
+
323
+ function applyAgentFilters() {
324
+ renderAgents();
325
+ }
326
+
327
+ // ── Fetch & Render ──
328
+ async function fetchAll() {
329
+ try {
330
+ const [dashRes, actRes, projRes] = await Promise.all([
331
+ fetch('/api/dashboard'),
332
+ fetch('/api/activity?limit=15'),
333
+ fetch('/api/projects')
334
+ ]);
335
+ if (dashRes.ok) dashboardData = await dashRes.json();
336
+ if (actRes.ok) { const ad = await actRes.json(); activityData = ad.entries || ad || []; }
337
+ if (projRes.ok) { const pd = await projRes.json(); projectsData = pd.projects || []; }
338
+ } catch (e) {
339
+ console.error('Fetch error:', e);
340
+ }
341
+
342
+ // Try costs separately (may not exist)
343
+ try {
344
+ const costsRes = await fetch('/api/costs');
345
+ if (costsRes.ok) {
346
+ const costsData = await costsRes.json();
347
+ renderCosts(costsData);
348
+ }
349
+ } catch (_) {}
350
+
351
+ renderSetup();
352
+ renderStatus();
353
+ renderAgents();
354
+ renderFeed();
355
+ updateRefreshTime();
356
+ }
357
+
358
+ function renderSetup() {
359
+ if (!dashboardData) return;
360
+ const agents = dashboardData.agents || [];
361
+ const channels = dashboardData.channels || [];
362
+
363
+ // Check 1: channels connected
364
+ const hasChannel = channels.length > 0;
365
+ // Check 2: personal agents (not platform, no subAgents)
366
+ const personalAgents = agents.filter(a => a.agentClass !== 'platform' && !a.subAgents);
367
+ const hasAgent = personalAgents.length > 0;
368
+ // Check 3: any personal agent has messages
369
+ const hasMessage = personalAgents.some(a => (a.messageCount || 0) > 0);
370
+
371
+ setCheck('channel', hasChannel);
372
+ setCheck('agent', hasAgent);
373
+ setCheck('message', hasMessage);
374
+
375
+ const allDone = hasChannel && hasAgent && hasMessage;
376
+ const badge = document.getElementById('setupBadge');
377
+ const btn = document.getElementById('setupBtn');
378
+ const card = document.getElementById('setupCard');
379
+
380
+ if (allDone) {
381
+ badge.style.display = '';
382
+ btn.style.display = 'none';
383
+ card.classList.add('collapsed');
384
+ } else {
385
+ badge.style.display = 'none';
386
+ btn.style.display = '';
387
+ card.classList.remove('collapsed');
388
+ }
389
+ }
390
+
391
+ function setCheck(id, done) {
392
+ const dot = document.getElementById('dot-' + id);
393
+ const label = document.getElementById('label-' + id);
394
+ dot.className = 'check-dot ' + (done ? 'done' : 'pending');
395
+ if (done) label.classList.add('done');
396
+ else label.classList.remove('done');
397
+ }
398
+
399
+ function renderProjectStats() {
400
+ if (!projectsData.length) return '';
401
+ const active = projectsData.filter(p => p.status === 'active').length;
402
+ const paused = projectsData.filter(p => p.status === 'paused').length;
403
+ const completed = projectsData.filter(p => p.status === 'completed').length;
404
+ const executing = projectsData.filter(p => p.executing).length;
405
+ const totalTasks = projectsData.reduce((s, p) => s + (p.totalTasks || 0), 0);
406
+ const doneTasks = projectsData.reduce((s, p) => s + (p.doneTasks || 0), 0);
407
+ const pct = totalTasks > 0 ? Math.round(doneTasks / totalTasks * 100) : 0;
408
+ let pills = '';
409
+ if (active) pills += '<span class="channel-pill" style="color:#4ade80;border-color:rgba(74,222,128,0.3)">' + active + ' active</span>';
410
+ if (executing) pills += '<span class="channel-pill" style="color:#fbbf24;border-color:rgba(251,191,36,0.3)">' + executing + ' executing</span>';
411
+ if (paused) pills += '<span class="channel-pill" style="color:#94a3b8;border-color:rgba(148,163,184,0.3)">' + paused + ' paused</span>';
412
+ if (completed) pills += '<span class="channel-pill" style="color:#22d3ee;border-color:rgba(34,211,238,0.3)">' + completed + ' done</span>';
413
+ return '<div class="stat-row"><span class="stat-label">Projects</span><span class="stat-value">' + pills + '</span></div>'
414
+ + '<div class="stat-row"><span class="stat-label">Project Tasks</span><span class="stat-value">' + doneTasks + '/' + totalTasks + ' (' + pct + '%)</span></div>';
415
+ }
416
+
417
+ function renderStatus() {
418
+ if (!dashboardData) return;
419
+ const d = dashboardData;
420
+ const agents = d.agents || [];
421
+ const channels = d.channels || [];
422
+ const personalAgents = agents.filter(a => a.agentClass !== 'platform' && !a.subAgents);
423
+
424
+ const channelPills = channels.length > 0
425
+ ? channels.map(c => '<span class="channel-pill">' + (c.name || c.type || c) + '</span>').join('')
426
+ : '<span style="color:var(--text-muted);font-size:11px">None</span>';
427
+
428
+ // Compute platform stats
429
+ const orgs = [...new Set(agents.flatMap(a => (a.org || []).map(o => o.organization).filter(Boolean)))];
430
+ const totalAutomations = personalAgents.reduce((sum, a) => sum + (a.activeGoals || 0) + (a.activeCron || 0), 0);
431
+ const totalOpenTasks = personalAgents.reduce((sum, a) => sum + (a.taskCounts?.approved || 0) + (a.taskCounts?.in_progress || 0) + (a.taskCounts?.review || 0), 0);
432
+
433
+ document.getElementById('statusBody').innerHTML = ''
434
+ + '<div class="stat-row"><span class="stat-label">Uptime</span><span class="stat-value">' + formatUptime(d.uptime) + '</span></div>'
435
+ + '<div class="stat-row"><span class="stat-label">Total Agents</span><span class="stat-value">' + agents.length + '</span></div>'
436
+ + '<div class="stat-row"><span class="stat-label">Personal Agents</span><span class="stat-value">' + personalAgents.length + '</span></div>'
437
+ + '<div class="stat-row"><span class="stat-label">Organizations</span><span class="stat-value">' + orgs.length + '</span></div>'
438
+ + '<div class="stat-row"><span class="stat-label">Channels</span><span class="stat-value">' + channelPills + '</span></div>'
439
+ + '<div class="stat-row"><span class="stat-label">MCPs</span><span class="stat-value">' + (d.mcpCount || 0) + '</span></div>'
440
+ + '<div class="stat-row"><span class="stat-label">Active Automations</span><span class="stat-value">' + totalAutomations + '</span></div>'
441
+ + '<div class="stat-row"><span class="stat-label">Open Tasks</span><span class="stat-value">' + totalOpenTasks + '</span></div>'
442
+ + renderProjectStats();
443
+
444
+ // Fetch skills/apps/prompts counts
445
+ fetchPlatformCounts();
446
+ }
447
+
448
+ function renderAgents() {
449
+ if (!dashboardData) return;
450
+ const searchQuery = (document.getElementById('agentSearch')?.value || '').toLowerCase().trim();
451
+ let agents = (dashboardData.agents || [])
452
+ .filter(a => a.agentClass !== 'platform' && !a.subAgents)
453
+ .sort((a, b) => {
454
+ const ta = a.lastMessage ? new Date(a.lastMessage).getTime() : 0;
455
+ const tb = b.lastMessage ? new Date(b.lastMessage).getTime() : 0;
456
+ return tb - ta;
457
+ });
458
+
459
+ // Apply search
460
+ if (searchQuery) {
461
+ agents = agents.filter(a => {
462
+ const name = (a.name || a.id || '').toLowerCase();
463
+ const alias = ((a.aliases && a.aliases[0]) || a.alias || a.id || '').toLowerCase();
464
+ return name.includes(searchQuery) || alias.includes(searchQuery);
465
+ });
466
+ }
467
+
468
+ // Apply filter pills (AND-combined)
469
+ if (activeAgentFilters.has('mcps')) agents = agents.filter(a => (a.mcps || []).length > 0);
470
+ if (activeAgentFilters.has('skills')) agents = agents.filter(a => ((a.skills || []).length + (a.agentSkills || []).length) > 0);
471
+ if (activeAgentFilters.has('automations')) agents = agents.filter(a => ((a.activeGoals || 0) + (a.activeCron || 0)) > 0);
472
+ if (activeAgentFilters.has('tasks')) agents = agents.filter(a => ((a.taskCounts?.approved || 0) + (a.taskCounts?.in_progress || 0) + (a.taskCounts?.review || 0)) > 0);
473
+
474
+ if (agents.length === 0) {
475
+ document.getElementById('agentsBody').innerHTML = '<div class="no-data">' + (searchQuery || activeAgentFilters.size > 0 ? 'No matching agents' : 'No personal agents yet') + '</div>';
476
+ return;
477
+ }
478
+
479
+ document.getElementById('agentsBody').innerHTML = agents.map(a => {
480
+ const mcpCount = (a.mcps || []).length;
481
+ const automations = (a.activeGoals || 0) + (a.activeCron || 0);
482
+ const openTasks = (a.taskCounts?.approved || 0) + (a.taskCounts?.in_progress || 0) + (a.taskCounts?.review || 0);
483
+ const skillCount = ((a.skills || []).length) + ((a.agentSkills || []).length);
484
+ const alias = (a.aliases && a.aliases[0]) || a.alias || ('@' + a.id);
485
+
486
+ let badges = '';
487
+ if (mcpCount > 0) badges += '<span class="agent-badge has-value">' + mcpCount + ' MCP' + (mcpCount > 1 ? 's' : '') + '</span>';
488
+ if (skillCount > 0) badges += '<span class="agent-badge has-value">' + skillCount + ' skill' + (skillCount > 1 ? 's' : '') + '</span>';
489
+ if (automations > 0) badges += '<span class="agent-badge active">' + automations + ' auto</span>';
490
+ if (openTasks > 0) badges += '<span class="agent-badge tasks">' + openTasks + ' task' + (openTasks > 1 ? 's' : '') + '</span>';
491
+
492
+ return ''
493
+ + '<div class="agent-row" onclick="window.location.href=\'/ui?agent=' + a.id + '\'">'
494
+ + ' <div class="agent-avatar">' + initials(a.name) + '</div>'
495
+ + ' <div class="agent-info">'
496
+ + ' <div class="agent-name">' + (a.name || a.id) + '</div>'
497
+ + ' <div class="agent-alias">' + alias + '</div>'
498
+ + (badges ? ' <div class="agent-badges">' + badges + '</div>' : '')
499
+ + ' </div>'
500
+ + ' <div class="agent-stats">'
501
+ + ' <div class="agent-msg-count">' + (a.messageCount || 0) + ' msgs</div>'
502
+ + ' <div class="agent-last-msg">' + relativeTime(a.lastMessage) + '</div>'
503
+ + ' </div>'
504
+ + '</div>';
505
+ }).join('');
506
+ }
507
+
508
+ function renderFeed() {
509
+ const items = Array.isArray(activityData) ? activityData : [];
510
+ if (items.length === 0) {
511
+ document.getElementById('feedBody').innerHTML = '<div class="no-data">No recent activity</div>';
512
+ return;
513
+ }
514
+
515
+ document.getElementById('feedBody').innerHTML = items.map(e => {
516
+ const isUser = e.from === 'web-user' || e.from?.includes('@') || e.role === 'user';
517
+ const cls = isUser ? 'user-msg' : 'agent-msg';
518
+ const text = (e.text || e.query || e.response || e.message || '').slice(0, 80);
519
+ const agentName = e.agentId || e.agent || e.agentName || '-';
520
+ return '<div class="feed-row">'
521
+ + '<span class="feed-time">' + shortTime(e.ts || e.timestamp || e.time) + '</span>'
522
+ + '<span class="feed-agent">' + escapeHtml(agentName) + '</span>'
523
+ + '<span class="feed-text ' + cls + '">' + escapeHtml(text) + '</span>'
524
+ + '</div>';
525
+ }).join('');
526
+ }
527
+
528
+ function renderCosts(data) {
529
+ if (!data) return;
530
+ const card = document.getElementById('costsCard');
531
+ const body = document.getElementById('costsBody');
532
+ const today = data.today != null ? '$' + Number(data.today).toFixed(2) : null;
533
+ const week = data.week != null ? '$' + Number(data.week).toFixed(2) : null;
534
+
535
+ if (today == null && week == null) return;
536
+
537
+ card.style.display = '';
538
+ let html = '';
539
+ if (today != null) html += '<div class="cost-row"><span class="cost-period">Today</span><span class="cost-amount">' + today + '</span></div>';
540
+ if (week != null) html += '<div class="cost-row"><span class="cost-period">This Week</span><span class="cost-amount">' + week + '</span></div>';
541
+ if (data.month != null) html += '<div class="cost-row"><span class="cost-period">This Month</span><span class="cost-amount">$' + Number(data.month).toFixed(2) + '</span></div>';
542
+ body.innerHTML = html;
543
+ }
544
+
545
+ function updateRefreshTime() {
546
+ const el = document.getElementById('refreshIndicator');
547
+ const now = new Date();
548
+ el.textContent = 'Last updated ' + now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
549
+ }
550
+
551
+ function escapeHtml(str) {
552
+ const div = document.createElement('div');
553
+ div.textContent = str;
554
+ return div.innerHTML;
555
+ }
556
+
557
+ async function fetchPlatformCounts() {
558
+ try {
559
+ const [appsRes, skillsRes] = await Promise.allSettled([
560
+ fetch('/api/apps').then(r => r.json()),
561
+ fetch('/api/skills').then(r => r.json()),
562
+ ]);
563
+
564
+ const statusEl = document.getElementById('statusBody');
565
+ if (!statusEl) return;
566
+
567
+ const apps = appsRes.status === 'fulfilled' ? (appsRes.value.apps || appsRes.value || []) : [];
568
+ const skills = skillsRes.status === 'fulfilled' ? (skillsRes.value.skills || skillsRes.value || []) : [];
569
+
570
+ const appCount = Array.isArray(apps) ? apps.length : 0;
571
+ const skillCount = Array.isArray(skills) ? skills.length : 0;
572
+
573
+ if (appCount > 0) statusEl.innerHTML += '<div class="stat-row"><span class="stat-label">Apps</span><span class="stat-value">' + appCount + '</span></div>';
574
+ if (skillCount > 0) statusEl.innerHTML += '<div class="stat-row"><span class="stat-label">Skills</span><span class="stat-value">' + skillCount + '</span></div>';
575
+ } catch { /* ignore */ }
576
+ }
577
+
578
+ // ── Init ──
579
+ fetchAll();
580
+ setInterval(fetchAll, 30000);
581
+ </script>
582
+ <script>(function(){fetch("/api/config/service").then(function(r){return r.json()}).then(function(d){if(d.gymEnabled)document.querySelectorAll(".gym-tab-link").forEach(function(el){el.style.display=""});if(d.gymOnlyMode){var keep=["/gym","/org","/admin"];document.querySelectorAll(".tab-group .tab-btn").forEach(function(el){var h=el.getAttribute("href");if(h&&keep.indexOf(h)===-1&&!el.classList.contains("gym-tab-link"))el.style.display="none"});document.querySelectorAll(".topbar-right .gear-btn").forEach(function(el){var h=el.getAttribute("href");if(h&&["/marketplace","/monitor","/user-guide"].indexOf(h)!==-1)el.style.display="none"})}}).catch(function(){})})()</script>
583
+ </body>
584
+ </html>