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/tasks.html ADDED
@@ -0,0 +1,932 @@
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 — Tasks</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
+
11
+ :root{
12
+ --bg-deep:#060a13;
13
+ --bg-surface:rgba(12,18,33,0.92);
14
+ --bg-card:rgba(16,22,40,0.85);
15
+ --bg-input:rgba(0,0,0,0.35);
16
+ --border-dim:rgba(56,189,248,0.08);
17
+ --border-glow:rgba(56,189,248,0.18);
18
+ --border-active:rgba(56,189,248,0.45);
19
+ --text-primary:rgba(255,255,255,0.92);
20
+ --text-secondary:rgba(255,255,255,0.68);
21
+ --text-muted:rgba(148,163,184,0.55);
22
+ --accent:#22d3ee;
23
+ --accent-soft:#38bdf8;
24
+ --accent-bg:rgba(6,182,212,0.15);
25
+ --accent-glow:rgba(34,211,238,0.12);
26
+ --purple:rgba(139,92,246,0.7);
27
+ --purple-bg:rgba(139,92,246,0.12);
28
+ --green:#4ade80;
29
+ --green-bg:rgba(74,222,128,0.1);
30
+ --amber:#fbbf24;
31
+ --amber-bg:rgba(251,191,36,0.1);
32
+ --red:#f87171;
33
+ --red-bg:rgba(248,113,113,0.1);
34
+ --shadow:0 2px 12px rgba(0,0,0,0.3);
35
+ --shadow-glow:0 0 20px rgba(34,211,238,0.08);
36
+ --radius:12px;
37
+ --font-sans:'DM Sans',system-ui,sans-serif;
38
+ --font-mono:'IBM Plex Mono',monospace;
39
+ --font-display:'Syne',sans-serif;
40
+ --line-color:rgba(56,189,248,0.12);
41
+ --line-glow:rgba(34,211,238,0.25);
42
+ }
43
+ [data-theme="light"]{
44
+ --bg-deep:#f4f6f9;
45
+ --bg-surface:rgba(255,255,255,0.95);
46
+ --bg-card:rgba(255,255,255,0.9);
47
+ --bg-input:rgba(0,0,0,0.04);
48
+ --border-dim:rgba(0,0,0,0.08);
49
+ --border-glow:rgba(14,116,144,0.18);
50
+ --border-active:rgba(14,116,144,0.45);
51
+ --text-primary:rgba(15,23,42,0.92);
52
+ --text-secondary:rgba(51,65,85,0.8);
53
+ --text-muted:rgba(100,116,139,0.6);
54
+ --accent:#0891b2;
55
+ --accent-soft:#0e7490;
56
+ --accent-bg:rgba(14,116,144,0.08);
57
+ --accent-glow:rgba(14,116,144,0.06);
58
+ --purple:rgba(109,40,217,0.75);
59
+ --purple-bg:rgba(139,92,246,0.08);
60
+ --green:#16a34a;
61
+ --green-bg:rgba(22,163,74,0.08);
62
+ --amber:#d97706;
63
+ --amber-bg:rgba(217,119,6,0.08);
64
+ --red:#dc2626;
65
+ --red-bg:rgba(220,38,38,0.08);
66
+ --shadow:0 1px 8px rgba(0,0,0,0.06);
67
+ --shadow-glow:none;
68
+ --line-color:rgba(14,116,144,0.12);
69
+ --line-glow:rgba(14,116,144,0.2);
70
+ }
71
+
72
+ html,body{
73
+ width:100%;height:100%;overflow:hidden;
74
+ background:var(--bg-deep);font-family:var(--font-sans);color:var(--text-primary);
75
+ transition:background .3s,color .3s;
76
+ }
77
+
78
+ /* ─── Top Bar ─────────────────────────────────────────────────── */
79
+ .topbar{
80
+ height:56px;display:flex;align-items:center;padding:0 24px;
81
+ background:var(--bg-surface);border-bottom:1px solid var(--border-dim);
82
+ backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
83
+ position:fixed;top:0;left:0;right:0;z-index:100;
84
+ }
85
+ .topbar-logo{display:flex;align-items:center;gap:10px;margin-right:32px}
86
+ .logo-mark{width:28px;height:28px;border-radius:8px;object-fit:contain}
87
+ .logo-text{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent)}
88
+
89
+ .tab-group{display:flex;gap:0}
90
+ .tab-btn{
91
+ font-family:var(--font-sans);font-size:13px;font-weight:600;
92
+ color:var(--text-muted);background:none;border:none;
93
+ padding:16px 20px;cursor:pointer;position:relative;transition:color .2s;
94
+ text-decoration:none;
95
+ }
96
+ .tab-btn:hover{color:var(--text-secondary)}
97
+ .tab-btn.active{color:var(--accent)}
98
+ .tab-btn.active::after{
99
+ content:'';position:absolute;bottom:0;left:12px;right:12px;
100
+ height:2px;background:var(--accent);border-radius:1px;
101
+ }
102
+ .sub-nav{position:fixed;top:56px;left:0;right:0;z-index:99;height:36px;display:flex;align-items:center;gap:2px;padding:0 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-dim);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
103
+ .sub-nav-link{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:none;padding:4px 10px;border-radius:5px;transition:color .2s}
104
+ .sub-nav-link:hover{color:var(--text-secondary)}
105
+ .sub-nav-link.active{color:var(--accent)}
106
+
107
+ .topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}
108
+ .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}
109
+ .gym-nav-btn:hover{opacity:.88;transform:translateY(-1px)}
110
+ .add-task-btn{
111
+ font-family:var(--font-sans);font-size:12px;font-weight:600;
112
+ padding:7px 16px;border-radius:8px;cursor:pointer;
113
+ border:1px dashed var(--border-glow);background:transparent;
114
+ color:var(--text-muted);transition:all .2s;
115
+ display:flex;align-items:center;gap:6px;
116
+ }
117
+ .add-task-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}
118
+ .theme-toggle,.gear-btn{
119
+ width:34px;height:34px;border-radius:8px;border:1px solid var(--border-dim);
120
+ background:transparent;color:var(--text-muted);cursor:pointer;
121
+ display:flex;align-items:center;justify-content:center;font-size:16px;
122
+ transition:all .2s;
123
+ text-decoration:none;}
124
+ .theme-toggle:hover,.gear-btn:hover{border-color:var(--border-glow);color:var(--text-secondary)}
125
+ .docs-dropdown{position:relative;display:inline-block}
126
+ .docs-menu{display:none;position:absolute;top:40px;right:0;min-width:160px;background:var(--bg-surface);border:1px solid var(--border-glow);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:200;padding:4px;backdrop-filter:blur(20px)}
127
+ .docs-menu.open{display:block}
128
+ .docs-menu a{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .15s}
129
+ .docs-menu a:hover{background:var(--accent-bg);color:var(--accent)}
130
+ .docs-menu a .dm-icon{font-size:14px;width:18px;text-align:center}
131
+
132
+ /* ─── Filter Bar ──────────────────────────────────────────────── */
133
+ .filter-bar{
134
+ position:fixed;top:92px;left:0;right:0;z-index:90;
135
+ padding:10px 24px;display:flex;align-items:center;gap:12px;
136
+ background:var(--bg-surface);border-bottom:1px solid var(--border-dim);
137
+ backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
138
+ }
139
+ .filter-select{
140
+ font-family:var(--font-mono);font-size:11px;
141
+ padding:6px 12px;border-radius:8px;
142
+ border:1px solid var(--border-glow);background:var(--bg-input);
143
+ color:var(--text-primary);outline:none;cursor:pointer;
144
+ }
145
+ .filter-select:focus{border-color:var(--accent)}
146
+
147
+ /* ─── Stats Bar ───────────────────────────────────────────────── */
148
+ .stats-bar{
149
+ display:flex;gap:16px;margin-left:auto;align-items:center;
150
+ }
151
+ .stat-item{
152
+ font-family:var(--font-mono);font-size:11px;color:var(--text-muted);
153
+ display:flex;align-items:center;gap:5px;
154
+ }
155
+ .stat-value{
156
+ font-weight:600;color:var(--text-secondary);
157
+ }
158
+ .stat-pct{
159
+ color:var(--green);font-weight:600;
160
+ }
161
+
162
+ /* ─── Kanban Board ────────────────────────────────────────────── */
163
+ .kanban{
164
+ position:fixed;top:134px;left:0;right:0;bottom:0;
165
+ display:flex;gap:16px;padding:20px 24px;
166
+ overflow-x:auto;overflow-y:hidden;
167
+ }
168
+ .kanban::-webkit-scrollbar{height:6px}
169
+ .kanban::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}
170
+
171
+ .kanban-col{
172
+ min-width:260px;width:260px;flex-shrink:0;
173
+ display:flex;flex-direction:column;
174
+ background:var(--bg-surface);border:1px solid var(--border-dim);
175
+ border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
176
+ box-shadow:var(--shadow);overflow:hidden;
177
+ transition:all .3s;
178
+ }
179
+ .kanban-col.drag-over{
180
+ border-color:var(--accent);
181
+ box-shadow:var(--shadow),0 0 24px rgba(34,211,238,0.15);
182
+ }
183
+
184
+ .col-header{
185
+ padding:14px 16px;border-bottom:1px solid var(--border-dim);
186
+ display:flex;align-items:center;gap:10px;flex-shrink:0;
187
+ }
188
+ .col-dot{
189
+ width:10px;height:10px;border-radius:50%;flex-shrink:0;
190
+ }
191
+ .col-dot.proposed{background:var(--text-muted)}
192
+ .col-dot.approved{background:var(--accent)}
193
+ .col-dot.in_progress{background:var(--amber)}
194
+ .col-dot.review{background:var(--purple)}
195
+ .col-dot.done{background:var(--green)}
196
+ .col-title{
197
+ font-family:var(--font-display);font-size:12px;font-weight:700;
198
+ text-transform:uppercase;letter-spacing:.06em;
199
+ }
200
+ .col-count{
201
+ margin-left:auto;font-family:var(--font-mono);font-size:10px;
202
+ color:var(--text-muted);background:var(--bg-input);
203
+ padding:2px 8px;border-radius:10px;
204
+ }
205
+
206
+ .col-body{
207
+ flex:1;overflow-y:auto;padding:12px;
208
+ display:flex;flex-direction:column;gap:10px;
209
+ }
210
+ .col-body::-webkit-scrollbar{width:4px}
211
+ .col-body::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:2px}
212
+
213
+ /* ─── Task Card ───────────────────────────────────────────────── */
214
+ .task-card{
215
+ position:relative;padding:14px 14px 14px 18px;
216
+ background:var(--bg-card);border:1px solid var(--border-dim);
217
+ border-radius:var(--radius);cursor:grab;
218
+ backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
219
+ box-shadow:var(--shadow);transition:all .25s;
220
+ }
221
+ .task-card:hover{
222
+ border-color:var(--border-glow);
223
+ box-shadow:var(--shadow),var(--shadow-glow);
224
+ transform:translateY(-1px);
225
+ }
226
+ .task-card.dragging{
227
+ opacity:0.5;transform:rotate(2deg);
228
+ }
229
+ .task-card::before{
230
+ content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;
231
+ border-radius:2px;
232
+ }
233
+ .task-card.priority-high::before{background:var(--red)}
234
+ .task-card.priority-medium::before{background:var(--amber)}
235
+ .task-card.priority-low::before{background:var(--green)}
236
+
237
+ .task-title{
238
+ font-family:var(--font-sans);font-size:13px;font-weight:600;
239
+ color:var(--text-primary);margin-bottom:8px;line-height:1.4;
240
+ }
241
+ .task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
242
+ .task-tag{
243
+ font-family:var(--font-mono);font-size:9px;font-weight:500;
244
+ padding:2px 7px;border-radius:4px;
245
+ text-transform:uppercase;letter-spacing:.04em;
246
+ }
247
+ .task-project{
248
+ border:1px solid var(--purple);background:var(--purple-bg);color:var(--purple);
249
+ }
250
+ .task-owner{
251
+ border:1px solid var(--border-dim);background:transparent;color:var(--text-muted);
252
+ }
253
+ .task-assignedby{
254
+ border:1px solid var(--accent-bg);background:var(--accent-bg);color:var(--accent);
255
+ font-size:8px;
256
+ }
257
+ .task-due{
258
+ font-family:var(--font-mono);font-size:9px;color:var(--text-muted);
259
+ margin-left:auto;
260
+ }
261
+ .task-due.overdue{color:var(--red)}
262
+
263
+ /* ─── Modal ───────────────────────────────────────────────────── */
264
+ .modal-overlay{
265
+ position:fixed;inset:0;z-index:200;
266
+ background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);
267
+ display:none;align-items:center;justify-content:center;
268
+ }
269
+ .modal-overlay.open{display:flex}
270
+ .modal{
271
+ width:560px;max-width:95vw;max-height:90vh;overflow-y:auto;
272
+ background:var(--bg-surface);border:1px solid var(--border-glow);
273
+ border-radius:16px;padding:0;
274
+ backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
275
+ box-shadow:0 8px 48px rgba(0,0,0,0.5),var(--shadow-glow);
276
+ }
277
+ .modal::-webkit-scrollbar{width:4px}
278
+ .modal::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:2px}
279
+ .modal-header{
280
+ padding:20px 24px;border-bottom:1px solid var(--border-dim);
281
+ display:flex;align-items:center;justify-content:space-between;
282
+ }
283
+ .modal-title{font-family:var(--font-display);font-size:16px;font-weight:700}
284
+ .modal-close{
285
+ width:32px;height:32px;border-radius:8px;border:1px solid var(--border-dim);
286
+ background:transparent;color:var(--text-muted);cursor:pointer;
287
+ display:flex;align-items:center;justify-content:center;font-size:18px;
288
+ transition:all .2s;
289
+ }
290
+ .modal-close:hover{border-color:var(--red);color:var(--red);background:var(--red-bg)}
291
+ .modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}
292
+ .form-group{display:flex;flex-direction:column;gap:6px}
293
+ .form-label{
294
+ font-family:var(--font-mono);font-size:10px;font-weight:600;
295
+ color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;
296
+ }
297
+ .form-input,.form-select,.form-textarea{
298
+ font-family:var(--font-sans);font-size:13px;
299
+ padding:10px 14px;border-radius:8px;
300
+ border:1px solid var(--border-dim);background:var(--bg-input);
301
+ color:var(--text-primary);outline:none;transition:border-color .2s;
302
+ }
303
+ .form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}
304
+ .form-textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:12px}
305
+ .form-row{display:flex;gap:12px}
306
+ .form-row .form-group{flex:1}
307
+ .modal-footer{
308
+ padding:16px 24px;border-top:1px solid var(--border-dim);
309
+ display:flex;justify-content:flex-end;gap:10px;
310
+ }
311
+ .btn{
312
+ font-family:var(--font-sans);font-size:12px;font-weight:600;
313
+ padding:8px 20px;border-radius:8px;cursor:pointer;
314
+ border:1px solid var(--border-dim);background:transparent;
315
+ color:var(--text-secondary);transition:all .2s;
316
+ }
317
+ .btn:hover{border-color:var(--border-glow);color:var(--text-primary)}
318
+ .btn-primary{
319
+ border-color:var(--accent);background:var(--accent-bg);color:var(--accent);
320
+ }
321
+ .btn-primary:hover{background:var(--accent);color:#000}
322
+ .btn-danger{
323
+ border-color:var(--red);background:var(--red-bg);color:var(--red);
324
+ }
325
+ .btn-danger:hover{background:var(--red);color:#fff}
326
+
327
+ /* ─── Empty state ─────────────────────────────────────────────── */
328
+ .empty-col{
329
+ text-align:center;padding:24px 12px;
330
+ font-family:var(--font-mono);font-size:11px;color:var(--text-muted);
331
+ opacity:0.5;
332
+ }
333
+ </style>
334
+ </head>
335
+ <body>
336
+
337
+ <!-- Top Bar -->
338
+ <div class="topbar">
339
+ <a href="/" style="display:flex;align-items:center;gap:10px;margin-right:28px;text-decoration:none">
340
+ <img class="logo-mark" src="/MyAIforOne-logomark-transparent.svg" alt="MyAIforOne">
341
+ <span class="logo-text">MyAIforOne</span>
342
+ </a>
343
+ <div class="tab-group">
344
+ <a class="tab-btn" href="/">Home</a>
345
+ <a class="tab-btn active" href="/org">Agents</a>
346
+ <a class="tab-btn" href="/ui">Chat</a>
347
+ <a class="tab-btn" href="/library">Library</a>
348
+ <a class="tab-btn" href="/lab">Lab</a>
349
+ </div>
350
+ <div class="topbar-right">
351
+ <a class="gym-nav-btn gym-tab-link" href="/gym" style="display:none">Gym</a>
352
+ <button class="add-task-btn" onclick="openNewTaskModal()">+ New Task</button>
353
+ <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>
354
+ <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>
355
+ <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>
356
+ <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>
357
+ <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)'">⊡</button>
358
+ <button class="theme-toggle" onclick="toggleTheme()" id="themeBtn" title="Toggle theme"></button>
359
+ </div>
360
+ </div>
361
+
362
+ <div class="sub-nav">
363
+ <a class="sub-nav-link" href="/org">Teams</a>
364
+ <a class="sub-nav-link active" href="/tasks">Tasks</a>
365
+ <a class="sub-nav-link" href="/projects">Projects</a>
366
+ <a class="sub-nav-link" href="/automations">Automations</a>
367
+ </div>
368
+
369
+ <!-- Filter Bar -->
370
+ <div class="filter-bar">
371
+ <select class="filter-select" id="filterAgent" onchange="applyFilters()">
372
+ <option value="">All Agents</option>
373
+ </select>
374
+ <select class="filter-select" id="filterProject" onchange="applyFilters()">
375
+ <option value="">All Projects</option>
376
+ </select>
377
+ <select class="filter-select" id="filterPriority" onchange="applyFilters()">
378
+ <option value="">All Priorities</option>
379
+ <option value="high">High</option>
380
+ <option value="medium">Medium</option>
381
+ <option value="low">Low</option>
382
+ </select>
383
+ <div class="stats-bar">
384
+ <div class="stat-item">Total: <span class="stat-value" id="statTotal">0</span></div>
385
+ <div class="stat-item">Proposed: <span class="stat-value" id="statProposed">0</span></div>
386
+ <div class="stat-item">Approved: <span class="stat-value" id="statApproved">0</span></div>
387
+ <div class="stat-item">In Progress: <span class="stat-value" id="statInProgress">0</span></div>
388
+ <div class="stat-item">Review: <span class="stat-value" id="statReview">0</span></div>
389
+ <div class="stat-item">Done: <span class="stat-value" id="statDone">0</span></div>
390
+ <div class="stat-item">Completion: <span class="stat-pct" id="statPct">0%</span></div>
391
+ </div>
392
+ </div>
393
+
394
+ <!-- Kanban Board -->
395
+ <div class="kanban" id="kanban">
396
+ <div class="kanban-col" data-status="proposed"
397
+ ondragover="handleDragOver(event)" ondragleave="handleDragLeave(event)" ondrop="handleDrop(event, 'proposed')">
398
+ <div class="col-header">
399
+ <div class="col-dot proposed"></div>
400
+ <div class="col-title">Proposed</div>
401
+ <div class="col-count" id="countProposed">0</div>
402
+ </div>
403
+ <div class="col-body" id="colProposed"></div>
404
+ </div>
405
+ <div class="kanban-col" data-status="approved"
406
+ ondragover="handleDragOver(event)" ondragleave="handleDragLeave(event)" ondrop="handleDrop(event, 'approved')">
407
+ <div class="col-header">
408
+ <div class="col-dot approved"></div>
409
+ <div class="col-title">Approved</div>
410
+ <div class="col-count" id="countApproved">0</div>
411
+ </div>
412
+ <div class="col-body" id="colApproved"></div>
413
+ </div>
414
+ <div class="kanban-col" data-status="in_progress"
415
+ ondragover="handleDragOver(event)" ondragleave="handleDragLeave(event)" ondrop="handleDrop(event, 'in_progress')">
416
+ <div class="col-header">
417
+ <div class="col-dot in_progress"></div>
418
+ <div class="col-title">In Progress</div>
419
+ <div class="col-count" id="countInProgress">0</div>
420
+ </div>
421
+ <div class="col-body" id="colInProgress"></div>
422
+ </div>
423
+ <div class="kanban-col" data-status="review"
424
+ ondragover="handleDragOver(event)" ondragleave="handleDragLeave(event)" ondrop="handleDrop(event, 'review')">
425
+ <div class="col-header">
426
+ <div class="col-dot review"></div>
427
+ <div class="col-title">Review</div>
428
+ <div class="col-count" id="countReview">0</div>
429
+ </div>
430
+ <div class="col-body" id="colReview"></div>
431
+ </div>
432
+ <div class="kanban-col" data-status="done"
433
+ ondragover="handleDragOver(event)" ondragleave="handleDragLeave(event)" ondrop="handleDrop(event, 'done')">
434
+ <div class="col-header">
435
+ <div class="col-dot done"></div>
436
+ <div class="col-title">Done</div>
437
+ <div class="col-count" id="countDone">0</div>
438
+ </div>
439
+ <div class="col-body" id="colDone"></div>
440
+ </div>
441
+ </div>
442
+
443
+ <!-- Task Modal -->
444
+ <div class="modal-overlay" id="taskModal">
445
+ <div class="modal">
446
+ <div class="modal-header">
447
+ <div class="modal-title" id="modalTitle">New Task</div>
448
+ <button class="modal-close" onclick="closeModal()">&times;</button>
449
+ </div>
450
+ <div class="modal-body">
451
+ <div class="form-group" id="modalAgentGroup">
452
+ <label class="form-label">Agent</label>
453
+ <select class="form-select" id="modalAgent"></select>
454
+ </div>
455
+ <div class="form-group">
456
+ <label class="form-label">Title</label>
457
+ <input class="form-input" id="modalTaskTitle" placeholder="Task title...">
458
+ </div>
459
+ <div class="form-group">
460
+ <label class="form-label">Description</label>
461
+ <textarea class="form-textarea" id="modalDesc" placeholder="Describe the task..."></textarea>
462
+ </div>
463
+ <div class="form-row">
464
+ <div class="form-group">
465
+ <label class="form-label">Project</label>
466
+ <select class="form-select" id="modalProject"></select>
467
+ </div>
468
+ <div class="form-group">
469
+ <label class="form-label">Priority</label>
470
+ <select class="form-select" id="modalPriority">
471
+ <option value="low">Low</option>
472
+ <option value="medium" selected>Medium</option>
473
+ <option value="high">High</option>
474
+ </select>
475
+ </div>
476
+ </div>
477
+ <div class="form-row">
478
+ <div class="form-group">
479
+ <label class="form-label">Status</label>
480
+ <select class="form-select" id="modalStatus">
481
+ <option value="proposed">Proposed</option>
482
+ <option value="approved">Approved</option>
483
+ <option value="in_progress">In Progress</option>
484
+ <option value="review">Review</option>
485
+ <option value="done">Done</option>
486
+ </select>
487
+ </div>
488
+ <div class="form-group">
489
+ <label class="form-label">Due Date</label>
490
+ <input class="form-input" type="date" id="modalDueDate">
491
+ </div>
492
+ </div>
493
+ <div class="form-row">
494
+ <div class="form-group">
495
+ <label class="form-label">Owner</label>
496
+ <input class="form-input" id="modalOwner" placeholder="e.g. @bobby">
497
+ </div>
498
+ <div class="form-group">
499
+ <label class="form-label">Assigned By</label>
500
+ <input class="form-input" id="modalAssignedBy" placeholder="e.g. @operator">
501
+ </div>
502
+ </div>
503
+ <div class="form-group">
504
+ <label class="form-label">Context</label>
505
+ <textarea class="form-textarea" id="modalContext" placeholder="Additional context..."></textarea>
506
+ </div>
507
+ <div class="form-group">
508
+ <label class="form-label">Result</label>
509
+ <textarea class="form-textarea" id="modalResult" placeholder="Task result or notes..."></textarea>
510
+ </div>
511
+ </div>
512
+ <div class="modal-footer">
513
+ <button class="btn btn-danger" id="modalDeleteBtn" onclick="deleteTask()" style="display:none;margin-right:auto">Delete</button>
514
+ <button class="btn" onclick="closeModal()">Cancel</button>
515
+ <button class="btn btn-primary" id="modalSaveBtn" onclick="saveTask()">Create</button>
516
+ </div>
517
+ </div>
518
+ </div>
519
+
520
+ <script>
521
+ // ─── State ──────────────────────────────────────────────────────
522
+ let allAgents = [];
523
+ let allTasks = [];
524
+ let editingTask = null; // { agentId, taskId } when editing
525
+ let editingAgentId = null;
526
+
527
+ // ─── Theme ──────────────────────────────────────────────────────
528
+ function initTheme() {
529
+ const saved = localStorage.getItem('theme') || localStorage.getItem('myagent-theme');
530
+ if (saved === 'light') document.documentElement.setAttribute('data-theme', 'light');
531
+ else if (saved === '' || saved === 'dark') document.documentElement.removeAttribute('data-theme');
532
+ else if (!saved && !window.matchMedia('(prefers-color-scheme: dark)').matches) document.documentElement.setAttribute('data-theme', 'light');
533
+ updateThemeIcon();
534
+ }
535
+ function toggleTheme() {
536
+ const isLight = document.documentElement.getAttribute('data-theme') === 'light';
537
+ if (isLight) {
538
+ document.documentElement.removeAttribute('data-theme');
539
+ localStorage.setItem('theme', 'dark');
540
+ } else {
541
+ document.documentElement.setAttribute('data-theme', 'light');
542
+ localStorage.setItem('theme', 'light');
543
+ }
544
+ updateThemeIcon();
545
+ }
546
+ function updateThemeIcon() {
547
+ const isLight = document.documentElement.getAttribute('data-theme') === 'light';
548
+ document.getElementById('themeBtn').textContent = isLight ? '\u263E' : '\u2600';
549
+ }
550
+
551
+ // ─── Data Loading ───────────────────────────────────────────────
552
+ async function loadDashboard() {
553
+ try {
554
+ const res = await fetch('/api/dashboard');
555
+ const data = await res.json();
556
+ allAgents = data.agents || [];
557
+ populateAgentFilters();
558
+ } catch (e) {
559
+ console.error('Failed to load dashboard:', e);
560
+ }
561
+ }
562
+
563
+ async function loadAllTasks() {
564
+ try {
565
+ const res = await fetch('/api/tasks/all');
566
+ const data = await res.json();
567
+ allTasks = data.tasks || [];
568
+ applyFilters();
569
+ } catch (e) {
570
+ console.error('Failed to load tasks:', e);
571
+ allTasks = [];
572
+ applyFilters();
573
+ }
574
+ }
575
+
576
+ function populateAgentFilters() {
577
+ const agentSelect = document.getElementById('filterAgent');
578
+ const modalAgent = document.getElementById('modalAgent');
579
+ agentSelect.innerHTML = '<option value="">All Agents</option>';
580
+ modalAgent.innerHTML = '';
581
+ for (const agent of allAgents) {
582
+ const alias = (agent.aliases && agent.aliases[0]) || agent.id;
583
+ agentSelect.innerHTML += `<option value="${agent.id}">${agent.name} (${alias})</option>`;
584
+ modalAgent.innerHTML += `<option value="${agent.id}">${agent.name} (${alias})</option>`;
585
+ }
586
+ }
587
+
588
+ // ─── Filtering ──────────────────────────────────────────────────
589
+ function applyFilters() {
590
+ const agentFilter = document.getElementById('filterAgent').value;
591
+ const projectFilter = document.getElementById('filterProject').value;
592
+ const priorityFilter = document.getElementById('filterPriority').value;
593
+
594
+ // Collect projects from all tasks
595
+ const projectSet = new Set();
596
+ for (const t of allTasks) {
597
+ if (t.project) projectSet.add(t.project);
598
+ }
599
+ const projectSelect = document.getElementById('filterProject');
600
+ const prevProject = projectSelect.value;
601
+ projectSelect.innerHTML = '<option value="">All Projects</option>';
602
+ for (const p of [...projectSet].sort()) {
603
+ projectSelect.innerHTML += `<option value="${p}">${p}</option>`;
604
+ }
605
+ if (prevProject && projectSet.has(prevProject)) projectSelect.value = prevProject;
606
+
607
+ // Filter
608
+ const filtered = allTasks.filter(t => {
609
+ if (agentFilter && t.agentId !== agentFilter) return false;
610
+ if (projectFilter && t.project !== projectFilter) return false;
611
+ if (priorityFilter && t.priority !== priorityFilter) return false;
612
+ return true;
613
+ });
614
+
615
+ renderKanban(filtered);
616
+ updateStats(filtered);
617
+ }
618
+
619
+ // ─── Rendering ──────────────────────────────────────────────────
620
+ function renderKanban(tasks) {
621
+ const statuses = ['proposed', 'approved', 'in_progress', 'review', 'done'];
622
+ const colIds = {
623
+ proposed: 'colProposed',
624
+ approved: 'colApproved',
625
+ in_progress: 'colInProgress',
626
+ review: 'colReview',
627
+ done: 'colDone'
628
+ };
629
+ const countIds = {
630
+ proposed: 'countProposed',
631
+ approved: 'countApproved',
632
+ in_progress: 'countInProgress',
633
+ review: 'countReview',
634
+ done: 'countDone'
635
+ };
636
+
637
+ for (const s of statuses) {
638
+ const col = document.getElementById(colIds[s]);
639
+ col.innerHTML = '';
640
+ const statusTasks = tasks.filter(t => t.status === s);
641
+ document.getElementById(countIds[s]).textContent = statusTasks.length;
642
+
643
+ if (statusTasks.length === 0) {
644
+ col.innerHTML = '<div class="empty-col">No tasks</div>';
645
+ continue;
646
+ }
647
+
648
+ for (const task of statusTasks) {
649
+ col.appendChild(createTaskCard(task));
650
+ }
651
+ }
652
+ }
653
+
654
+ function createTaskCard(task) {
655
+ const card = document.createElement('div');
656
+ card.className = `task-card priority-${task.priority || 'medium'}`;
657
+ card.draggable = true;
658
+ card.dataset.taskId = task.id;
659
+ card.dataset.agentId = task.agentId;
660
+
661
+ card.addEventListener('dragstart', (e) => {
662
+ card.classList.add('dragging');
663
+ e.dataTransfer.setData('text/plain', JSON.stringify({ taskId: task.id, agentId: task.agentId }));
664
+ e.dataTransfer.effectAllowed = 'move';
665
+ });
666
+ card.addEventListener('dragend', () => {
667
+ card.classList.remove('dragging');
668
+ document.querySelectorAll('.kanban-col.drag-over').forEach(c => c.classList.remove('drag-over'));
669
+ });
670
+ card.addEventListener('click', () => openEditTaskModal(task));
671
+
672
+ // Due date formatting
673
+ let dueHtml = '';
674
+ if (task.dueDate) {
675
+ const due = new Date(task.dueDate);
676
+ const now = new Date();
677
+ const isOverdue = due < now && task.status !== 'done';
678
+ const dateStr = due.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
679
+ dueHtml = `<span class="task-due ${isOverdue ? 'overdue' : ''}">${dateStr}</span>`;
680
+ }
681
+
682
+ // Project pill
683
+ const projectHtml = task.project ? `<span class="task-tag task-project">${task.project}</span>` : '';
684
+
685
+ // Owner
686
+ const ownerHtml = task.owner ? `<span class="task-tag task-owner">${task.owner}</span>` : '';
687
+
688
+ // Assigned by
689
+ const assignedHtml = task.assignedBy ? `<span class="task-tag task-assignedby">from ${task.assignedBy}</span>` : '';
690
+
691
+ card.innerHTML = `
692
+ <div class="task-title">${escapeHtml(task.title)}</div>
693
+ <div class="task-meta">
694
+ ${projectHtml}${ownerHtml}${assignedHtml}${dueHtml}
695
+ </div>
696
+ `;
697
+
698
+ return card;
699
+ }
700
+
701
+ function escapeHtml(str) {
702
+ if (!str) return '';
703
+ return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
704
+ }
705
+
706
+ function updateStats(tasks) {
707
+ const counts = { proposed: 0, approved: 0, in_progress: 0, review: 0, done: 0 };
708
+ for (const t of tasks) {
709
+ if (counts.hasOwnProperty(t.status)) counts[t.status]++;
710
+ }
711
+ const total = tasks.length;
712
+ const pct = total > 0 ? Math.round((counts.done / total) * 100) : 0;
713
+
714
+ document.getElementById('statTotal').textContent = total;
715
+ document.getElementById('statProposed').textContent = counts.proposed;
716
+ document.getElementById('statApproved').textContent = counts.approved;
717
+ document.getElementById('statInProgress').textContent = counts.in_progress;
718
+ document.getElementById('statReview').textContent = counts.review;
719
+ document.getElementById('statDone').textContent = counts.done;
720
+ document.getElementById('statPct').textContent = pct + '%';
721
+ }
722
+
723
+ // ─── Drag and Drop ──────────────────────────────────────────────
724
+ function handleDragOver(e) {
725
+ e.preventDefault();
726
+ e.dataTransfer.dropEffect = 'move';
727
+ const col = e.currentTarget;
728
+ col.classList.add('drag-over');
729
+ }
730
+
731
+ function handleDragLeave(e) {
732
+ const col = e.currentTarget;
733
+ col.classList.remove('drag-over');
734
+ }
735
+
736
+ async function handleDrop(e, newStatus) {
737
+ e.preventDefault();
738
+ const col = e.currentTarget;
739
+ col.classList.remove('drag-over');
740
+
741
+ try {
742
+ const data = JSON.parse(e.dataTransfer.getData('text/plain'));
743
+ const { taskId, agentId } = data;
744
+
745
+ // Find the task to check current status
746
+ const task = allTasks.find(t => t.id === taskId && t.agentId === agentId);
747
+ if (!task || task.status === newStatus) return;
748
+
749
+ // Optimistic update
750
+ task.status = newStatus;
751
+ applyFilters();
752
+
753
+ // API call
754
+ const res = await fetch(`/api/agents/${agentId}/tasks/${taskId}`, {
755
+ method: 'PUT',
756
+ headers: { 'Content-Type': 'application/json' },
757
+ body: JSON.stringify({ status: newStatus })
758
+ });
759
+
760
+ if (!res.ok) {
761
+ console.error('Failed to update task status');
762
+ await loadAllTasks();
763
+ }
764
+ } catch (err) {
765
+ console.error('Drop error:', err);
766
+ }
767
+ }
768
+
769
+ // ─── Modal ──────────────────────────────────────────────────────
770
+ function openNewTaskModal() {
771
+ editingTask = null;
772
+ editingAgentId = null;
773
+ document.getElementById('modalTitle').textContent = 'New Task';
774
+ document.getElementById('modalSaveBtn').textContent = 'Create';
775
+ document.getElementById('modalDeleteBtn').style.display = 'none';
776
+ document.getElementById('modalAgentGroup').style.display = '';
777
+
778
+ // Clear fields
779
+ document.getElementById('modalTaskTitle').value = '';
780
+ document.getElementById('modalDesc').value = '';
781
+ document.getElementById('modalPriority').value = 'medium';
782
+ document.getElementById('modalStatus').value = 'approved';
783
+ document.getElementById('modalDueDate').value = '';
784
+ document.getElementById('modalOwner').value = '';
785
+ document.getElementById('modalAssignedBy').value = 'operator';
786
+ document.getElementById('modalContext').value = '';
787
+ document.getElementById('modalResult').value = '';
788
+
789
+ // Populate projects for selected agent
790
+ updateModalProjects();
791
+
792
+ document.getElementById('taskModal').classList.add('open');
793
+ }
794
+
795
+ function openEditTaskModal(task) {
796
+ editingTask = { agentId: task.agentId, taskId: task.id };
797
+ editingAgentId = task.agentId;
798
+ document.getElementById('modalTitle').textContent = 'Edit Task';
799
+ document.getElementById('modalSaveBtn').textContent = 'Save';
800
+ document.getElementById('modalDeleteBtn').style.display = '';
801
+ document.getElementById('modalAgentGroup').style.display = 'none';
802
+
803
+ document.getElementById('modalAgent').value = task.agentId;
804
+ document.getElementById('modalTaskTitle').value = task.title || '';
805
+ document.getElementById('modalDesc').value = task.description || '';
806
+ document.getElementById('modalPriority').value = task.priority || 'medium';
807
+ document.getElementById('modalStatus').value = task.status || 'proposed';
808
+ document.getElementById('modalDueDate').value = task.dueDate ? task.dueDate.split('T')[0] : '';
809
+ document.getElementById('modalOwner').value = task.owner || '';
810
+ document.getElementById('modalAssignedBy').value = task.assignedBy || '';
811
+ document.getElementById('modalContext').value = task.context || '';
812
+ document.getElementById('modalResult').value = task.result || '';
813
+
814
+ updateModalProjects(task.project);
815
+
816
+ document.getElementById('taskModal').classList.add('open');
817
+ }
818
+
819
+ function updateModalProjects(selectedProject) {
820
+ const agentId = editingAgentId || document.getElementById('modalAgent').value;
821
+ const projectSelect = document.getElementById('modalProject');
822
+ projectSelect.innerHTML = '<option value="general">General</option>';
823
+
824
+ // Gather unique projects from tasks for this agent
825
+ const projects = new Set(['general']);
826
+ for (const t of allTasks) {
827
+ if (t.agentId === agentId && t.project) projects.add(t.project);
828
+ }
829
+ for (const p of [...projects].sort()) {
830
+ if (p === 'general') continue;
831
+ projectSelect.innerHTML += `<option value="${escapeHtml(p)}">${escapeHtml(p)}</option>`;
832
+ }
833
+
834
+ if (selectedProject) projectSelect.value = selectedProject;
835
+ }
836
+
837
+ function closeModal() {
838
+ document.getElementById('taskModal').classList.remove('open');
839
+ editingTask = null;
840
+ editingAgentId = null;
841
+ }
842
+
843
+ async function saveTask() {
844
+ const title = document.getElementById('modalTaskTitle').value.trim();
845
+ if (!title) return alert('Title is required');
846
+
847
+ const body = {
848
+ title,
849
+ description: document.getElementById('modalDesc').value.trim(),
850
+ project: document.getElementById('modalProject').value,
851
+ priority: document.getElementById('modalPriority').value,
852
+ status: document.getElementById('modalStatus').value,
853
+ owner: document.getElementById('modalOwner').value.trim(),
854
+ assignedBy: document.getElementById('modalAssignedBy').value.trim(),
855
+ dueDate: document.getElementById('modalDueDate').value || undefined,
856
+ context: document.getElementById('modalContext').value.trim(),
857
+ result: document.getElementById('modalResult').value.trim(),
858
+ };
859
+
860
+ try {
861
+ if (editingTask) {
862
+ // Update
863
+ const res = await fetch(`/api/agents/${editingTask.agentId}/tasks/${editingTask.taskId}`, {
864
+ method: 'PUT',
865
+ headers: { 'Content-Type': 'application/json' },
866
+ body: JSON.stringify(body)
867
+ });
868
+ if (!res.ok) throw new Error(await res.text());
869
+ } else {
870
+ // Create
871
+ const agentId = document.getElementById('modalAgent').value;
872
+ if (!agentId) return alert('Select an agent');
873
+ const res = await fetch(`/api/agents/${agentId}/tasks`, {
874
+ method: 'POST',
875
+ headers: { 'Content-Type': 'application/json' },
876
+ body: JSON.stringify(body)
877
+ });
878
+ if (!res.ok) throw new Error(await res.text());
879
+ }
880
+
881
+ closeModal();
882
+ await loadAllTasks();
883
+ } catch (err) {
884
+ alert('Error: ' + err.message);
885
+ }
886
+ }
887
+
888
+ async function deleteTask() {
889
+ if (!editingTask) return;
890
+ if (!confirm('Delete this task?')) return;
891
+
892
+ try {
893
+ const res = await fetch(`/api/agents/${editingTask.agentId}/tasks/${editingTask.taskId}`, {
894
+ method: 'DELETE'
895
+ });
896
+ if (!res.ok) throw new Error(await res.text());
897
+ closeModal();
898
+ await loadAllTasks();
899
+ } catch (err) {
900
+ alert('Error: ' + err.message);
901
+ }
902
+ }
903
+
904
+ // Listen for agent change in modal to update projects
905
+ document.getElementById('modalAgent').addEventListener('change', () => updateModalProjects());
906
+
907
+ // Close modal on overlay click
908
+ document.getElementById('taskModal').addEventListener('click', (e) => {
909
+ if (e.target === document.getElementById('taskModal')) closeModal();
910
+ });
911
+
912
+ // Close modal on Escape
913
+ document.addEventListener('keydown', (e) => {
914
+ if (e.key === 'Escape') closeModal();
915
+ });
916
+
917
+ // ─── Init ───────────────────────────────────────────────────────
918
+ initTheme();
919
+ (async () => {
920
+ await loadDashboard();
921
+ await loadAllTasks();
922
+ // Refresh every 30s
923
+ setInterval(loadAllTasks, 30000);
924
+ })();
925
+ document.addEventListener('click', function(e){
926
+ const dd = document.getElementById('docsDropdown');
927
+ if(dd && !dd.contains(e.target)) document.getElementById('docsMenu')?.classList.remove('open');
928
+ });
929
+ </script>
930
+ <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>
931
+ </body>
932
+ </html>