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/projects.html ADDED
@@ -0,0 +1,734 @@
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 — Projects</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;
12
+ --bg-surface:rgba(12,18,33,0.92);
13
+ --bg-card:rgba(16,22,40,0.85);
14
+ --bg-input:rgba(0,0,0,0.35);
15
+ --border-dim:rgba(56,189,248,0.08);
16
+ --border-glow:rgba(56,189,248,0.18);
17
+ --border-active:rgba(56,189,248,0.45);
18
+ --text-primary:rgba(255,255,255,0.92);
19
+ --text-secondary:rgba(255,255,255,0.68);
20
+ --text-muted:rgba(148,163,184,0.55);
21
+ --accent:#22d3ee;
22
+ --accent-soft:#38bdf8;
23
+ --accent-bg:rgba(6,182,212,0.15);
24
+ --accent-glow:rgba(34,211,238,0.12);
25
+ --purple:rgba(139,92,246,0.7);
26
+ --purple-bg:rgba(139,92,246,0.12);
27
+ --green:#4ade80;
28
+ --green-bg:rgba(74,222,128,0.1);
29
+ --amber:#fbbf24;
30
+ --amber-bg:rgba(251,191,36,0.1);
31
+ --red:#f87171;
32
+ --red-bg:rgba(248,113,113,0.1);
33
+ --shadow:0 2px 12px rgba(0,0,0,0.3);
34
+ --shadow-glow:0 0 20px rgba(34,211,238,0.08);
35
+ --radius:12px;
36
+ --font-sans:'DM Sans',system-ui,sans-serif;
37
+ --font-mono:'IBM Plex Mono',monospace;
38
+ --font-display:'Syne',sans-serif;
39
+ }
40
+ [data-theme="light"]{
41
+ --bg-deep:#f4f6f9;
42
+ --bg-surface:rgba(255,255,255,0.95);
43
+ --bg-card:rgba(255,255,255,0.9);
44
+ --bg-input:rgba(0,0,0,0.04);
45
+ --border-dim:rgba(0,0,0,0.08);
46
+ --border-glow:rgba(14,116,144,0.18);
47
+ --border-active:rgba(14,116,144,0.45);
48
+ --text-primary:rgba(15,23,42,0.92);
49
+ --text-secondary:rgba(51,65,85,0.8);
50
+ --text-muted:rgba(100,116,139,0.6);
51
+ --accent:#0891b2;
52
+ --accent-soft:#0e7490;
53
+ --accent-bg:rgba(14,116,144,0.08);
54
+ --accent-glow:rgba(14,116,144,0.06);
55
+ --purple:rgba(109,40,217,0.75);
56
+ --purple-bg:rgba(139,92,246,0.08);
57
+ --green:#16a34a;
58
+ --green-bg:rgba(22,163,74,0.08);
59
+ --amber:#d97706;
60
+ --amber-bg:rgba(217,119,6,0.08);
61
+ --red:#dc2626;
62
+ --red-bg:rgba(220,38,38,0.08);
63
+ --shadow:0 1px 8px rgba(0,0,0,0.06);
64
+ --shadow-glow:none;
65
+ }
66
+ html,body{width:100%;height:100%;overflow:hidden;max-width:100vw;background:var(--bg-deep);font-family:var(--font-sans);color:var(--text-primary);transition:background .3s,color .3s}
67
+
68
+ /* ── Topbar ── */
69
+ .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}
70
+ .logo-mark{width:28px;height:28px;border-radius:8px;object-fit:contain}
71
+ .logo-text{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent)}
72
+ .tab-group{display:flex;gap:0;flex-shrink:1;min-width:0;overflow-x:auto}
73
+ .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}
74
+ .tab-btn:hover{color:var(--text-secondary)}
75
+ .tab-btn.active{color:var(--accent)}
76
+ .tab-btn.active::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--accent);border-radius:1px}
77
+ .topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}
78
+ .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}
79
+ .gym-nav-btn:hover{opacity:.88;transform:translateY(-1px)}
80
+ .theme-toggle,.gear-btn{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;text-decoration:none}
81
+ .theme-toggle:hover,.gear-btn:hover{border-color:var(--border-glow);color:var(--text-secondary)}
82
+
83
+ /* ── Sub Nav ── */
84
+ .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)}
85
+ .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}
86
+ .sub-nav-link:hover{color:var(--text-secondary)}
87
+ .sub-nav-link.active{color:var(--accent)}
88
+
89
+ /* ── Canvas ── */
90
+ .canvas{position:fixed;top:92px;left:0;right:0;bottom:0;overflow:auto;padding:32px 40px}
91
+
92
+ /* ── Page Header ── */
93
+ .page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}
94
+ .page-title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--text-primary)}
95
+ .header-stats{display:flex;gap:10px;margin-left:8px}
96
+ .stat-chip{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:4px 10px;border-radius:6px;letter-spacing:.03em}
97
+ .stat-active{background:var(--green-bg);color:var(--green);border:1px solid rgba(74,222,128,0.25)}
98
+ .stat-paused{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,0.25)}
99
+ .stat-completed{background:var(--accent-bg);color:var(--accent);border:1px solid rgba(34,211,238,0.25)}
100
+ .btn-new{margin-left:auto;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:8px 18px;border-radius:8px;border:2px dashed var(--border-glow);background:transparent;color:var(--accent);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}
101
+ .btn-new:hover{border-color:var(--accent);background:var(--accent-bg)}
102
+
103
+ /* ── Search bar ── */
104
+ .search-bar{margin-bottom:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
105
+ .search-wrap{flex:1;max-width:360px;position:relative}
106
+ .search-input{width:100%;background:var(--bg-input);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px 8px 34px;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}
107
+ .search-input::placeholder{color:var(--text-muted)}
108
+ .search-input:focus{border-color:var(--border-active)}
109
+ .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-muted);pointer-events:none}
110
+ .filter-pills{display:flex;gap:6px;flex-wrap:wrap}
111
+ .pill{font-family:var(--font-mono);font-size:10px;padding:4px 10px;border-radius:6px;border:1px solid var(--border-dim);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;white-space:nowrap}
112
+ .pill:hover{border-color:var(--border-glow);color:var(--text-secondary)}
113
+ .pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}
114
+
115
+ /* ── Grid ── */
116
+ .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
117
+ @media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}
118
+ @media(max-width:700px){.grid{grid-template-columns:1fr}.canvas{padding:20px 16px}.page-header{gap:10px}}
119
+
120
+ /* ── Project Card ── */
121
+ .proj-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .25s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}
122
+ .proj-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-1px)}
123
+ .proj-card-top{display:flex;align-items:flex-start;gap:10px}
124
+ .proj-name{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.25;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
125
+ .proj-badges{display:flex;gap:6px;flex-shrink:0;align-items:center}
126
+ .status-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:3px 8px;border-radius:5px;white-space:nowrap;letter-spacing:.03em}
127
+ .status-active{background:var(--green-bg);color:var(--green);border:1px solid rgba(74,222,128,0.3)}
128
+ .status-paused{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,0.3)}
129
+ .status-completed{background:var(--accent-bg);color:var(--accent);border:1px solid rgba(34,211,238,0.3)}
130
+ .status-archived{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-dim)}
131
+ .owner-badge{font-family:var(--font-mono);font-size:9px;padding:2px 7px;border-radius:4px;background:var(--purple-bg);color:var(--purple);border:1px solid rgba(139,92,246,0.2)}
132
+ .proj-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
133
+ .progress-wrap{display:flex;align-items:center;gap:10px}
134
+ .progress-bar{flex:1;height:4px;border-radius:2px;background:var(--bg-input);overflow:hidden}
135
+ .progress-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .4s ease}
136
+ .progress-text{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);white-space:nowrap}
137
+ .proj-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
138
+ .meta-chip{font-family:var(--font-mono);font-size:9px;padding:2px 7px;border-radius:4px;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-dim)}
139
+ .proj-date{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-left:auto}
140
+
141
+ /* ── Empty state ── */
142
+ .empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}
143
+ .empty-state-icon{font-size:40px;margin-bottom:12px;opacity:.4}
144
+ .empty-state-text{font-size:14px;margin-bottom:16px}
145
+
146
+ /* ── Modal / Overlay ── */
147
+ .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .25s}
148
+ .modal-overlay.open{opacity:1;pointer-events:auto}
149
+ .modal-panel{width:580px;max-width:100vw;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-dim);overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column}
150
+ .modal-overlay.open .modal-panel{transform:translateX(0)}
151
+ .modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-dim);position:sticky;top:0;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1}
152
+ .modal-title{font-family:var(--font-display);font-size:16px;font-weight:700;flex:1}
153
+ .modal-close{width:32px;height:32px;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}
154
+ .modal-close:hover{border-color:var(--border-glow);color:var(--text-primary)}
155
+ .modal-body{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px}
156
+ .modal-footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--border-dim);position:sticky;bottom:0;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
157
+
158
+ /* ── Form controls ── */
159
+ .form-group{display:flex;flex-direction:column;gap:6px}
160
+ .form-label{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
161
+ .form-input,.form-select,.form-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}
162
+ .form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-active)}
163
+ .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
164
+ .form-select option{background:var(--bg-deep);color:var(--text-primary)}
165
+ .form-textarea{min-height:80px;resize:vertical;font-family:var(--font-sans)}
166
+ .form-textarea.mono{font-family:var(--font-mono);font-size:12px}
167
+ .checkbox-group{display:flex;flex-wrap:wrap;gap:8px}
168
+ .checkbox-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}
169
+ .checkbox-item input[type="checkbox"]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}
170
+
171
+ /* ── Buttons ── */
172
+ .btn{font-family:var(--font-sans);font-size:12px;font-weight:600;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}
173
+ .btn-primary{background:var(--accent);color:#000}
174
+ .btn-primary:hover{opacity:.85}
175
+ .btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,0.3)}
176
+ .btn-danger:hover{background:var(--red);color:#fff}
177
+ .btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-dim)}
178
+ .btn-ghost:hover{border-color:var(--border-glow);color:var(--text-primary)}
179
+ .btn-sm{font-size:11px;padding:5px 12px;border-radius:6px}
180
+
181
+ /* ── Linked entities section ── */
182
+ .linked-section{border:1px solid var(--border-dim);border-radius:8px;overflow:hidden}
183
+ .linked-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-input);border-bottom:1px solid var(--border-dim);cursor:pointer;transition:background .2s}
184
+ .linked-header:hover{background:var(--accent-bg)}
185
+ .linked-title{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
186
+ .linked-count{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:4px;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-dim)}
187
+ .linked-body{padding:10px 14px;display:flex;flex-direction:column;gap:6px}
188
+ .linked-body.collapsed{display:none}
189
+ .linked-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;transition:background .15s}
190
+ .linked-item:hover{background:var(--bg-input)}
191
+ .linked-item-name{font-size:12px;color:var(--text-secondary);flex:1}
192
+ .linked-item-type{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}
193
+ .linked-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
194
+ .dot-proposed{background:var(--text-muted)}
195
+ .dot-approved{background:var(--accent)}
196
+ .dot-in_progress{background:var(--amber)}
197
+ .dot-review{background:var(--purple)}
198
+ .dot-done{background:var(--green)}
199
+ .dot-todo{background:var(--text-muted)}
200
+ .dot-blocked{background:var(--red)}
201
+ .unlink-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
202
+ .unlink-btn:hover{background:var(--red-bg);color:var(--red)}
203
+ .link-row{display:flex;gap:8px;align-items:center;padding-top:8px;border-top:1px solid var(--border-dim);margin-top:4px}
204
+ .link-type-select{width:110px}
205
+
206
+ /* ── Toast ── */
207
+ .toast{position:fixed;bottom:24px;right:24px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;z-index:300;transform:translateY(20px);opacity:0;transition:all .3s;pointer-events:none}
208
+ .toast.show{transform:translateY(0);opacity:1;pointer-events:auto}
209
+ .toast-success{background:var(--green);color:#000}
210
+ .toast-error{background:var(--red);color:#fff}
211
+
212
+ /* ── Scrollbar ── */
213
+ ::-webkit-scrollbar{width:6px}
214
+ ::-webkit-scrollbar-track{background:transparent}
215
+ ::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:3px}
216
+ ::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}
217
+ </style>
218
+ </head>
219
+ <body>
220
+
221
+ <!-- Topbar -->
222
+ <div class="topbar">
223
+ <a href="/" style="display:flex;align-items:center;gap:10px;margin-right:28px;text-decoration:none">
224
+ <img class="logo-mark" src="/MyAIforOne-logomark-transparent.svg" alt="MyAIforOne">
225
+ <span class="logo-text">MyAIforOne</span>
226
+ </a>
227
+ <nav class="tab-group">
228
+ <a class="tab-btn" href="/">Home</a>
229
+ <a class="tab-btn active" href="/org">Agents</a>
230
+ <a class="tab-btn" href="/ui">Chat</a>
231
+ <a class="tab-btn" href="/library">Library</a>
232
+ <a class="tab-btn" href="/lab">Lab</a>
233
+ </nav>
234
+ <div class="topbar-right">
235
+ <a class="gym-nav-btn gym-tab-link" href="/gym" style="display:none">Gym</a>
236
+ <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>
237
+ <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>
238
+ <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>
239
+ <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>
240
+ <button class="theme-toggle" onclick="toggleTheme()" title="Toggle light/dark mode" id="themeBtn">&#x1F319;</button>
241
+ </div>
242
+ </div>
243
+
244
+ <!-- Sub Nav -->
245
+ <div class="sub-nav">
246
+ <a class="sub-nav-link" href="/org">Teams</a>
247
+ <a class="sub-nav-link" href="/tasks">Tasks</a>
248
+ <a class="sub-nav-link active" href="/projects">Projects</a>
249
+ <a class="sub-nav-link" href="/automations">Automations</a>
250
+ </div>
251
+
252
+ <!-- Canvas -->
253
+ <div class="canvas">
254
+ <!-- Page Header -->
255
+ <div class="page-header">
256
+ <h1 class="page-title">Projects</h1>
257
+ <div class="header-stats" id="headerStats"></div>
258
+ <button class="btn-new" onclick="openCreateModal()">+ New Project</button>
259
+ </div>
260
+
261
+ <!-- Search & Filters -->
262
+ <div class="search-bar">
263
+ <div class="search-wrap">
264
+ <span class="search-icon">&#x1F50D;</span>
265
+ <input class="search-input" id="searchInput" type="text" placeholder="Search projects...">
266
+ </div>
267
+ <div class="filter-pills">
268
+ <button class="pill active" data-filter="all" onclick="setFilter('all',this)">All</button>
269
+ <button class="pill" data-filter="active" onclick="setFilter('active',this)">Active</button>
270
+ <button class="pill" data-filter="paused" onclick="setFilter('paused',this)">Paused</button>
271
+ <button class="pill" data-filter="completed" onclick="setFilter('completed',this)">Completed</button>
272
+ <button class="pill" data-filter="archived" onclick="setFilter('archived',this)">Archived</button>
273
+ </div>
274
+ </div>
275
+
276
+ <!-- Grid -->
277
+ <div class="grid" id="projectGrid"></div>
278
+ <div class="empty-state" id="emptyState" style="display:none">
279
+ <div class="empty-state-icon">&#x1F4C2;</div>
280
+ <div class="empty-state-text">No projects yet. Create one to get started.</div>
281
+ </div>
282
+ </div>
283
+
284
+ <!-- Detail Modal -->
285
+ <div class="modal-overlay" id="detailOverlay" onclick="if(event.target===this)closeDetail()">
286
+ <div class="modal-panel">
287
+ <div class="modal-header">
288
+ <span class="modal-title" id="detailTitle">Project Details</span>
289
+ <button class="modal-close" onclick="closeDetail()">&times;</button>
290
+ </div>
291
+ <div class="modal-body" id="detailBody"></div>
292
+ <div class="modal-footer">
293
+ <button class="btn btn-primary" onclick="saveProject()">Save</button>
294
+ <button class="btn btn-danger" onclick="deleteProject()">Delete</button>
295
+ <button class="btn btn-ghost" onclick="closeDetail()" style="margin-left:auto">Cancel</button>
296
+ </div>
297
+ </div>
298
+ </div>
299
+
300
+ <!-- Create Modal -->
301
+ <div class="modal-overlay" id="createOverlay" onclick="if(event.target===this)closeCreateModal()">
302
+ <div class="modal-panel">
303
+ <div class="modal-header">
304
+ <span class="modal-title">New Project</span>
305
+ <button class="modal-close" onclick="closeCreateModal()">&times;</button>
306
+ </div>
307
+ <div class="modal-body" id="createBody"></div>
308
+ <div class="modal-footer">
309
+ <button class="btn btn-primary" onclick="createProject()">Create</button>
310
+ <button class="btn btn-ghost" onclick="closeCreateModal()" style="margin-left:auto">Cancel</button>
311
+ </div>
312
+ </div>
313
+ </div>
314
+
315
+ <!-- Toast -->
316
+ <div class="toast" id="toast"></div>
317
+
318
+ <script>
319
+ /* ── State ── */
320
+ let projects = [];
321
+ let agents = [];
322
+ let currentFilter = 'all';
323
+ let currentProject = null;
324
+
325
+ /* ── Theme ── */
326
+ function toggleTheme(){
327
+ const html=document.documentElement;
328
+ const cur=html.getAttribute('data-theme');
329
+ const next=cur==='light'?'dark':'light';
330
+ html.setAttribute('data-theme',next);
331
+ localStorage.setItem('theme',next);
332
+ document.getElementById('themeBtn').textContent=next==='light'?'\u2600':'\uD83C\uDF19';
333
+ }
334
+ (function(){
335
+ const saved=localStorage.getItem('theme')||'dark';
336
+ document.documentElement.setAttribute('data-theme',saved);
337
+ const btn=document.getElementById('themeBtn');
338
+ if(btn) btn.textContent=saved==='light'?'\u2600':'\uD83C\uDF19';
339
+ })();
340
+
341
+ /* ── Toast ── */
342
+ function showToast(msg, type='success'){
343
+ const t=document.getElementById('toast');
344
+ t.textContent=msg;
345
+ t.className='toast toast-'+type+' show';
346
+ setTimeout(()=>t.classList.remove('show'),3000);
347
+ }
348
+
349
+ /* ── API helpers ── */
350
+ async function api(url, opts={}){
351
+ try{
352
+ const r=await fetch(url,{headers:{'Content-Type':'application/json'},...opts});
353
+ if(!r.ok) throw new Error(await r.text()||r.statusText);
354
+ return r.json();
355
+ }catch(e){showToast(e.message,'error');throw e;}
356
+ }
357
+
358
+ /* ── Load data ── */
359
+ async function loadAll(){
360
+ try{
361
+ const [projRes, agentRes] = await Promise.all([
362
+ api('/api/projects'),
363
+ api('/api/agents')
364
+ ]);
365
+ projects = Array.isArray(projRes) ? projRes : (projRes.projects||[]);
366
+ agents = Array.isArray(agentRes) ? agentRes : (agentRes.agents||[]);
367
+ }catch(e){
368
+ projects=[];agents=[];
369
+ }
370
+ render();
371
+ }
372
+
373
+ /* ── Render ── */
374
+ function render(){
375
+ const search = document.getElementById('searchInput').value.toLowerCase();
376
+ let filtered = projects.filter(p=>{
377
+ if(currentFilter!=='all' && (p.status||'active')!==currentFilter) return false;
378
+ if(search && !(p.name||'').toLowerCase().includes(search) && !(p.description||'').toLowerCase().includes(search)) return false;
379
+ return true;
380
+ });
381
+
382
+ // Stats
383
+ const counts={active:0,paused:0,completed:0,archived:0};
384
+ projects.forEach(p=>counts[p.status||'active']=(counts[p.status||'active']||0)+1);
385
+ document.getElementById('headerStats').innerHTML=
386
+ `<span class="stat-chip stat-active">${counts.active} active</span>`+
387
+ `<span class="stat-chip stat-paused">${counts.paused} paused</span>`+
388
+ `<span class="stat-chip stat-completed">${counts.completed} completed</span>`;
389
+
390
+ // Grid
391
+ const grid=document.getElementById('projectGrid');
392
+ const empty=document.getElementById('emptyState');
393
+ if(!filtered.length){
394
+ grid.innerHTML='';
395
+ empty.style.display='block';
396
+ return;
397
+ }
398
+ empty.style.display='none';
399
+
400
+ grid.innerHTML=filtered.map(p=>{
401
+ const done=p.doneTasks||0;
402
+ const total=p.totalTasks||0;
403
+ const pct=total?Math.round(done/total*100):0;
404
+ const agentCount=(p.linkedAgents||[]).length;
405
+ const appCount=(p.linkedApps||[]).length;
406
+ const artifactCount=(p.linkedArtifacts||[]).length;
407
+ const teamCount=(p.teamMembers||[]).length;
408
+ const statusCls='status-'+(p.status||'active');
409
+ const ownerAgent=agents.find(a=>a.id===p.owner);
410
+ const ownerName=ownerAgent?ownerAgent.name:p.owner||'unassigned';
411
+ const created=p.created?new Date(p.created).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'}):'';
412
+
413
+ return `<div class="proj-card" onclick="openDetail('${p.id}')">
414
+ <div class="proj-card-top">
415
+ <span class="proj-name">${esc(p.name||'Untitled')}</span>
416
+ <div class="proj-badges">
417
+ <span class="status-badge ${statusCls}">${esc(p.status||'active')}</span>
418
+ </div>
419
+ </div>
420
+ <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
421
+ <span class="owner-badge">@${esc(ownerName)}</span>
422
+ ${teamCount?`<span class="meta-chip">${teamCount} member${teamCount!==1?'s':''}</span>`:''}
423
+ </div>
424
+ <div class="proj-desc">${esc(p.description||'No description')}</div>
425
+ <div class="progress-wrap">
426
+ <div class="progress-bar"><div class="progress-fill" style="width:${pct}%"></div></div>
427
+ <span class="progress-text">${done}/${total} tasks</span>
428
+ </div>
429
+ <div class="proj-meta">
430
+ ${agentCount?`<span class="meta-chip">${agentCount} agent${agentCount!==1?'s':''}</span>`:''}
431
+ ${appCount?`<span class="meta-chip">${appCount} app${appCount!==1?'s':''}</span>`:''}
432
+ ${artifactCount?`<span class="meta-chip">${artifactCount} artifact${artifactCount!==1?'s':''}</span>`:''}
433
+ <span class="proj-date">${created}</span>
434
+ </div>
435
+ </div>`;
436
+ }).join('');
437
+ }
438
+
439
+ function esc(s){const d=document.createElement('div');d.textContent=s;return d.innerHTML;}
440
+
441
+ /* ── Filters ── */
442
+ function setFilter(f,el){
443
+ currentFilter=f;
444
+ document.querySelectorAll('.filter-pills .pill').forEach(p=>p.classList.remove('active'));
445
+ el.classList.add('active');
446
+ render();
447
+ }
448
+ document.getElementById('searchInput').addEventListener('input',render);
449
+
450
+ /* ── Detail modal ── */
451
+ function openDetail(id){
452
+ currentProject=projects.find(p=>p.id===id);
453
+ if(!currentProject) return;
454
+ document.getElementById('detailTitle').textContent=currentProject.name||'Project';
455
+ renderDetailBody();
456
+ document.getElementById('detailOverlay').classList.add('open');
457
+ }
458
+ function closeDetail(){
459
+ document.getElementById('detailOverlay').classList.remove('open');
460
+ currentProject=null;
461
+ }
462
+
463
+ function renderDetailBody(){
464
+ const p=currentProject;
465
+ const body=document.getElementById('detailBody');
466
+ const agentOpts=agents.map(a=>`<option value="${esc(a.id)}" ${a.id===p.owner?'selected':''}>${esc(a.name||a.id)}</option>`).join('');
467
+ const teamChecks=agents.map(a=>{
468
+ const checked=(p.team||[]).includes(a.id)?'checked':'';
469
+ return `<label class="checkbox-item"><input type="checkbox" name="team" value="${esc(a.id)}" ${checked}>${esc(a.name||a.id)}</label>`;
470
+ }).join('');
471
+
472
+ const statusOpts=['active','paused','completed','archived'].map(s=>
473
+ `<option value="${s}" ${(p.status||'active')===s?'selected':''}>${s.charAt(0).toUpperCase()+s.slice(1)}</option>`
474
+ ).join('');
475
+
476
+ // Linked entities — map section names to API field names
477
+ const fieldMap={tasks:'linkedTasks',agents:'linkedAgents',orgs:'linkedOrgs',apps:'linkedApps',artifacts:'linkedArtifacts'};
478
+ const sections=['tasks','agents','orgs','apps','artifacts'];
479
+
480
+ let linkedHtml=sections.map(sec=>{
481
+ const isTask=sec==='tasks';
482
+ const items=isTask?(p.resolvedTasks||[]):(p[fieldMap[sec]]||[]);
483
+ const rawItems=p[fieldMap[sec]]||[];
484
+ const label=sec.charAt(0).toUpperCase()+sec.slice(1);
485
+ const itemsHtml=items.map((it,i)=>{
486
+ let name, dotCls='', typeLabel='', priorityLabel='', href='', linkTarget='';
487
+ if(isTask){
488
+ name=it.title||it.id||'Task';
489
+ dotCls='dot-'+(it.status||'proposed');
490
+ const statusText=(it.status||'proposed').replace('_',' ');
491
+ typeLabel=`<span class="linked-item-type">${esc(statusText)}</span>`;
492
+ if(it.priority){
493
+ const pColors={high:'#f87171',critical:'#ef4444',medium:'#fbbf24',low:'rgba(148,163,184,0.55)'};
494
+ priorityLabel=`<span style="width:6px;height:6px;border-radius:50%;background:${pColors[it.priority]||pColors.medium};flex-shrink:0" title="${it.priority}"></span>`;
495
+ }
496
+ href=`/agent-dashboard?id=${encodeURIComponent(it.agentId||'')}`;
497
+ } else if(sec==='agents'){
498
+ name=it.name||it.id||it;
499
+ const agentId=typeof it==='string'?it:it.id||it;
500
+ const ag=agents.find(a=>a.id===agentId);
501
+ name=ag?ag.name:agentId;
502
+ href=`/agent-dashboard?id=${encodeURIComponent(agentId)}`;
503
+ } else if(sec==='apps'){
504
+ name=it.name||it.id||it;
505
+ href=it.url||'';
506
+ linkTarget='_blank';
507
+ } else if(sec==='artifacts'){
508
+ name=it.name||it.id||it;
509
+ typeLabel=it.type?`<span class="linked-item-type">${esc(it.type)}</span>`:'';
510
+ href=it.url||'';
511
+ if(href) linkTarget='_blank';
512
+ } else if(sec==='orgs'){
513
+ name=typeof it==='string'?it:(it.name||it.id||it);
514
+ href='/org';
515
+ } else {
516
+ name=it.name||it.id||it;
517
+ typeLabel=it.type?`<span class="linked-item-type">${esc(it.type)}</span>`:'';
518
+ }
519
+ const nameHtml=href
520
+ ?`<a href="${esc(href)}" ${linkTarget?'target="_blank" rel="noopener"':''} class="linked-item-name" style="color:var(--accent);text-decoration:none" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">${esc(typeof name==='string'?name:JSON.stringify(name))}</a>`
521
+ :`<span class="linked-item-name">${esc(typeof name==='string'?name:JSON.stringify(name))}</span>`;
522
+ return `<div class="linked-item">
523
+ ${isTask?`<span class="linked-dot ${dotCls}"></span>`:''}
524
+ ${priorityLabel}
525
+ ${nameHtml}
526
+ ${typeLabel}
527
+ <button class="unlink-btn" onclick="event.preventDefault();event.stopPropagation();unlinkEntity('${sec}',${i})" title="Unlink">&times;</button>
528
+ </div>`;
529
+ }).join('');
530
+ return `<div class="linked-section">
531
+ <div class="linked-header" onclick="this.nextElementSibling.classList.toggle('collapsed')">
532
+ <span class="linked-title">${label}</span>
533
+ <span class="linked-count">${items.length}</span>
534
+ </div>
535
+ <div class="linked-body${items.length?'':' collapsed'}">
536
+ ${itemsHtml||'<div style="font-size:11px;color:var(--text-muted);padding:4px 0">None linked</div>'}
537
+ <div class="link-row">
538
+ <input class="form-input link-type-select" placeholder="id or name" id="linkVal_${sec}" style="flex:1;font-size:11px">
539
+ ${sec==='artifacts'?`<input class="form-input" placeholder="type" id="linkType_${sec}" style="width:80px;font-size:11px">`:''}
540
+ <button class="btn btn-sm btn-ghost" onclick="linkEntity('${sec}')">+ Link</button>
541
+ </div>
542
+ </div>
543
+ </div>`;
544
+ }).join('');
545
+
546
+ body.innerHTML=`
547
+ <div class="form-group">
548
+ <label class="form-label">Name</label>
549
+ <input class="form-input" id="dName" value="${esc(p.name||'')}">
550
+ </div>
551
+ <div class="form-group">
552
+ <label class="form-label">Description</label>
553
+ <textarea class="form-textarea" id="dDesc">${esc(p.description||'')}</textarea>
554
+ </div>
555
+ <div style="display:flex;gap:12px">
556
+ <div class="form-group" style="flex:1">
557
+ <label class="form-label">Status</label>
558
+ <select class="form-select" id="dStatus">${statusOpts}</select>
559
+ </div>
560
+ <div class="form-group" style="flex:1">
561
+ <label class="form-label">Owner</label>
562
+ <select class="form-select" id="dOwner"><option value="">Unassigned</option>${agentOpts}</select>
563
+ </div>
564
+ </div>
565
+ <div class="form-group">
566
+ <label class="form-label">Team Members</label>
567
+ <div class="checkbox-group" id="dTeam">${teamChecks||'<span style="font-size:11px;color:var(--text-muted)">No agents available</span>'}</div>
568
+ </div>
569
+ <div class="form-group">
570
+ <label class="form-label">Plan</label>
571
+ <textarea class="form-textarea mono" id="dPlan" rows="5">${esc(p.plan||'')}</textarea>
572
+ </div>
573
+ <div class="form-group">
574
+ <label class="form-label">Notes</label>
575
+ <textarea class="form-textarea" id="dNotes" rows="3">${esc(p.notes||'')}</textarea>
576
+ </div>
577
+ <div style="display:flex;flex-direction:column;gap:12px">
578
+ <div style="font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em">Linked Entities</div>
579
+ ${linkedHtml}
580
+ </div>
581
+ `;
582
+ }
583
+
584
+ /* ── Save project ── */
585
+ async function saveProject(){
586
+ if(!currentProject) return;
587
+ const team=Array.from(document.querySelectorAll('#dTeam input[name="team"]:checked')).map(c=>c.value);
588
+ const data={
589
+ name:document.getElementById('dName').value,
590
+ description:document.getElementById('dDesc').value,
591
+ status:document.getElementById('dStatus').value,
592
+ owner:document.getElementById('dOwner').value,
593
+ team,
594
+ plan:document.getElementById('dPlan').value,
595
+ notes:document.getElementById('dNotes').value
596
+ };
597
+ try{
598
+ await api('/api/projects/'+currentProject.id,{method:'PUT',body:JSON.stringify(data)});
599
+ showToast('Project saved');
600
+ closeDetail();
601
+ await loadAll();
602
+ }catch(e){}
603
+ }
604
+
605
+ /* ── Delete project ── */
606
+ async function deleteProject(){
607
+ if(!currentProject) return;
608
+ if(!confirm('Delete project "'+currentProject.name+'"?')) return;
609
+ try{
610
+ await api('/api/projects/'+currentProject.id,{method:'DELETE'});
611
+ showToast('Project deleted');
612
+ closeDetail();
613
+ await loadAll();
614
+ }catch(e){}
615
+ }
616
+
617
+ /* ── Link/Unlink ── */
618
+ async function linkEntity(type){
619
+ if(!currentProject) return;
620
+ const val=document.getElementById('linkVal_'+type).value.trim();
621
+ if(!val) return;
622
+ const singularType=type.replace(/s$/,'');
623
+ let value=val;
624
+ if(type==='artifacts'){
625
+ const artType=(document.getElementById('linkType_'+type)||{}).value||'';
626
+ value={name:val,type:artType};
627
+ } else if(type==='tasks'){
628
+ const parts=val.split(':');
629
+ value=parts.length===2?{agentId:parts[0],taskId:parts[1]}:val;
630
+ }
631
+ try{
632
+ await api('/api/projects/'+currentProject.id+'/link',{method:'POST',body:JSON.stringify({type:singularType,value})});
633
+ showToast('Linked '+type);
634
+ // Refresh project data
635
+ const updated=await api('/api/projects');
636
+ projects=Array.isArray(updated)?updated:(updated.projects||[]);
637
+ currentProject=projects.find(p=>p.id===currentProject.id);
638
+ renderDetailBody();
639
+ render();
640
+ }catch(e){}
641
+ }
642
+
643
+ async function unlinkEntity(type,index){
644
+ if(!currentProject) return;
645
+ const fMap={tasks:'linkedTasks',agents:'linkedAgents',orgs:'linkedOrgs',apps:'linkedApps',artifacts:'linkedArtifacts'};
646
+ const items=currentProject[fMap[type]]||[];
647
+ const item=items[index];
648
+ if(!item) return;
649
+ const singularType=type.replace(/s$/,'');
650
+ const value=typeof item==='string'?item:item;
651
+ try{
652
+ await api('/api/projects/'+currentProject.id+'/unlink',{method:'POST',body:JSON.stringify({type:singularType,value})});
653
+ showToast('Unlinked');
654
+ const updated=await api('/api/projects');
655
+ projects=Array.isArray(updated)?updated:(updated.projects||[]);
656
+ currentProject=projects.find(p=>p.id===currentProject.id);
657
+ renderDetailBody();
658
+ render();
659
+ }catch(e){}
660
+ }
661
+
662
+ /* ── Create modal ── */
663
+ function openCreateModal(){
664
+ const body=document.getElementById('createBody');
665
+ const agentOpts=agents.map(a=>`<option value="${esc(a.id)}">${esc(a.name||a.id)}</option>`).join('');
666
+ const teamChecks=agents.map(a=>`<label class="checkbox-item"><input type="checkbox" name="cTeam" value="${esc(a.id)}">${esc(a.name||a.id)}</label>`).join('');
667
+
668
+ body.innerHTML=`
669
+ <div class="form-group">
670
+ <label class="form-label">Name</label>
671
+ <input class="form-input" id="cName" placeholder="Project name">
672
+ </div>
673
+ <div class="form-group">
674
+ <label class="form-label">Description</label>
675
+ <textarea class="form-textarea" id="cDesc" placeholder="What is this project about?"></textarea>
676
+ </div>
677
+ <div class="form-group">
678
+ <label class="form-label">Owner</label>
679
+ <select class="form-select" id="cOwner"><option value="">Unassigned</option>${agentOpts}</select>
680
+ </div>
681
+ <div class="form-group">
682
+ <label class="form-label">Team Members</label>
683
+ <div class="checkbox-group" id="cTeamGroup">${teamChecks||'<span style="font-size:11px;color:var(--text-muted)">No agents available</span>'}</div>
684
+ </div>
685
+ <div class="form-group">
686
+ <label class="form-label">Plan</label>
687
+ <textarea class="form-textarea mono" id="cPlan" rows="4" placeholder="Markdown plan..."></textarea>
688
+ </div>
689
+ <div class="form-group">
690
+ <label class="form-label">Notes</label>
691
+ <textarea class="form-textarea" id="cNotes" rows="3" placeholder="Additional notes..."></textarea>
692
+ </div>
693
+ `;
694
+ document.getElementById('createOverlay').classList.add('open');
695
+ }
696
+ function closeCreateModal(){
697
+ document.getElementById('createOverlay').classList.remove('open');
698
+ }
699
+
700
+ async function createProject(){
701
+ const name=document.getElementById('cName').value.trim();
702
+ if(!name){showToast('Name is required','error');return;}
703
+ const team=Array.from(document.querySelectorAll('#cTeamGroup input[name="cTeam"]:checked')).map(c=>c.value);
704
+ const data={
705
+ name,
706
+ description:document.getElementById('cDesc').value,
707
+ owner:document.getElementById('cOwner').value,
708
+ team,
709
+ plan:document.getElementById('cPlan').value,
710
+ notes:document.getElementById('cNotes').value,
711
+ status:'active'
712
+ };
713
+ try{
714
+ await api('/api/projects',{method:'POST',body:JSON.stringify(data)});
715
+ showToast('Project created');
716
+ closeCreateModal();
717
+ await loadAll();
718
+ }catch(e){}
719
+ }
720
+
721
+ /* ── Keyboard shortcuts ── */
722
+ document.addEventListener('keydown',e=>{
723
+ if(e.key==='Escape'){
724
+ if(document.getElementById('detailOverlay').classList.contains('open')) closeDetail();
725
+ else if(document.getElementById('createOverlay').classList.contains('open')) closeCreateModal();
726
+ }
727
+ });
728
+
729
+ /* ── Init ── */
730
+ loadAll();
731
+ </script>
732
+ <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>
733
+ </body>
734
+ </html>