@monoes/monomindcli 1.11.12 → 1.11.14

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 (434) hide show
  1. package/.claude/commands/mastermind/idea.md +1 -1
  2. package/.claude/commands/mastermind/master.md +1 -1
  3. package/.claude/skills/mastermind/_protocol.md +4 -4
  4. package/.claude/skills/mastermind/architect.md +4 -7
  5. package/.claude/skills/mastermind/autodev.md +2 -4
  6. package/.claude/skills/mastermind/build.md +3 -3
  7. package/.claude/skills/mastermind/content.md +3 -3
  8. package/.claude/skills/mastermind/createorg.md +2 -2
  9. package/.claude/skills/mastermind/finance.md +3 -3
  10. package/.claude/skills/mastermind/idea.md +0 -8
  11. package/.claude/skills/mastermind/marketing.md +3 -3
  12. package/.claude/skills/mastermind/monitor.md +2 -2
  13. package/.claude/skills/mastermind/ops.md +3 -3
  14. package/.claude/skills/mastermind/release.md +3 -3
  15. package/.claude/skills/mastermind/research.md +3 -3
  16. package/.claude/skills/mastermind/review.md +3 -3
  17. package/.claude/skills/mastermind/sales.md +3 -3
  18. package/README.md +286 -129
  19. package/dist/src/agents/halt-signal.d.ts +25 -0
  20. package/dist/src/agents/halt-signal.d.ts.map +1 -0
  21. package/dist/src/agents/halt-signal.js +76 -0
  22. package/dist/src/agents/halt-signal.js.map +1 -0
  23. package/dist/src/agents/index.d.ts +18 -0
  24. package/dist/src/agents/index.d.ts.map +1 -0
  25. package/dist/src/agents/index.js +13 -0
  26. package/dist/src/agents/index.js.map +1 -0
  27. package/dist/src/agents/managed-agent.d.ts +41 -0
  28. package/dist/src/agents/managed-agent.d.ts.map +1 -0
  29. package/dist/src/agents/managed-agent.js +69 -0
  30. package/dist/src/agents/managed-agent.js.map +1 -0
  31. package/dist/src/agents/prompt-experiment.d.ts +23 -0
  32. package/dist/src/agents/prompt-experiment.d.ts.map +1 -0
  33. package/dist/src/agents/prompt-experiment.js +49 -0
  34. package/dist/src/agents/prompt-experiment.js.map +1 -0
  35. package/dist/src/agents/prompt-version-manager.d.ts +22 -0
  36. package/dist/src/agents/prompt-version-manager.d.ts.map +1 -0
  37. package/dist/src/agents/prompt-version-manager.js +80 -0
  38. package/dist/src/agents/prompt-version-manager.js.map +1 -0
  39. package/dist/src/agents/registry-query.d.ts +71 -0
  40. package/dist/src/agents/registry-query.d.ts.map +1 -0
  41. package/dist/src/agents/registry-query.js +125 -0
  42. package/dist/src/agents/registry-query.js.map +1 -0
  43. package/dist/src/agents/score-decay.d.ts +19 -0
  44. package/dist/src/agents/score-decay.d.ts.map +1 -0
  45. package/dist/src/agents/score-decay.js +22 -0
  46. package/dist/src/agents/score-decay.js.map +1 -0
  47. package/dist/src/agents/shared-instructions-loader.d.ts +13 -0
  48. package/dist/src/agents/shared-instructions-loader.d.ts.map +1 -0
  49. package/dist/src/agents/shared-instructions-loader.js +40 -0
  50. package/dist/src/agents/shared-instructions-loader.js.map +1 -0
  51. package/dist/src/agents/specialization-scorer.d.ts +54 -0
  52. package/dist/src/agents/specialization-scorer.d.ts.map +1 -0
  53. package/dist/src/agents/specialization-scorer.js +212 -0
  54. package/dist/src/agents/specialization-scorer.js.map +1 -0
  55. package/dist/src/agents/termination-watcher.d.ts +30 -0
  56. package/dist/src/agents/termination-watcher.d.ts.map +1 -0
  57. package/dist/src/agents/termination-watcher.js +84 -0
  58. package/dist/src/agents/termination-watcher.js.map +1 -0
  59. package/dist/src/agents/trigger-index.d.ts +20 -0
  60. package/dist/src/agents/trigger-index.d.ts.map +1 -0
  61. package/dist/src/agents/trigger-index.js +38 -0
  62. package/dist/src/agents/trigger-index.js.map +1 -0
  63. package/dist/src/agents/trigger-scanner.d.ts +64 -0
  64. package/dist/src/agents/trigger-scanner.d.ts.map +1 -0
  65. package/dist/src/agents/trigger-scanner.js +308 -0
  66. package/dist/src/agents/trigger-scanner.js.map +1 -0
  67. package/dist/src/agents/version-diff.d.ts +18 -0
  68. package/dist/src/agents/version-diff.d.ts.map +1 -0
  69. package/dist/src/agents/version-diff.js +64 -0
  70. package/dist/src/agents/version-diff.js.map +1 -0
  71. package/dist/src/agents/version-store.d.ts +60 -0
  72. package/dist/src/agents/version-store.d.ts.map +1 -0
  73. package/dist/src/agents/version-store.js +235 -0
  74. package/dist/src/agents/version-store.js.map +1 -0
  75. package/dist/src/benchmarks/pretrain/index.d.ts +45 -0
  76. package/dist/src/benchmarks/pretrain/index.d.ts.map +1 -0
  77. package/dist/src/benchmarks/pretrain/index.js +404 -0
  78. package/dist/src/benchmarks/pretrain/index.js.map +1 -0
  79. package/dist/src/commands/agent-wasm.d.ts +14 -0
  80. package/dist/src/commands/agent-wasm.d.ts.map +1 -0
  81. package/dist/src/commands/agent-wasm.js +333 -0
  82. package/dist/src/commands/agent-wasm.js.map +1 -0
  83. package/dist/src/commands/doctor.d.ts.map +1 -1
  84. package/dist/src/commands/doctor.js +118 -13
  85. package/dist/src/commands/doctor.js.map +1 -1
  86. package/dist/src/commands/embeddings.d.ts.map +1 -0
  87. package/dist/src/commands/embeddings.js.map +1 -0
  88. package/dist/src/commands/ui.js +68 -0
  89. package/dist/src/consensus/index.d.ts +7 -0
  90. package/dist/src/consensus/index.d.ts.map +1 -0
  91. package/dist/src/consensus/index.js +6 -0
  92. package/dist/src/consensus/index.js.map +1 -0
  93. package/dist/src/context/context-provider.d.ts +44 -0
  94. package/dist/src/context/context-provider.d.ts.map +1 -0
  95. package/dist/src/context/context-provider.js +25 -0
  96. package/dist/src/context/context-provider.js.map +1 -0
  97. package/dist/src/context/git-state-provider.d.ts +12 -0
  98. package/dist/src/context/git-state-provider.d.ts.map +1 -0
  99. package/dist/src/context/git-state-provider.js +34 -0
  100. package/dist/src/context/git-state-provider.js.map +1 -0
  101. package/dist/src/context/index.d.ts +12 -0
  102. package/dist/src/context/index.d.ts.map +1 -0
  103. package/dist/src/context/index.js +12 -0
  104. package/dist/src/context/index.js.map +1 -0
  105. package/dist/src/context/project-conventions-provider.d.ts +15 -0
  106. package/dist/src/context/project-conventions-provider.d.ts.map +1 -0
  107. package/dist/src/context/project-conventions-provider.js +19 -0
  108. package/dist/src/context/project-conventions-provider.js.map +1 -0
  109. package/dist/src/context/prompt-assembler.d.ts +26 -0
  110. package/dist/src/context/prompt-assembler.d.ts.map +1 -0
  111. package/dist/src/context/prompt-assembler.js +93 -0
  112. package/dist/src/context/prompt-assembler.js.map +1 -0
  113. package/dist/src/context/task-history-provider.d.ts +24 -0
  114. package/dist/src/context/task-history-provider.d.ts.map +1 -0
  115. package/dist/src/context/task-history-provider.js +32 -0
  116. package/dist/src/context/task-history-provider.js.map +1 -0
  117. package/dist/src/context/user-preferences-provider.d.ts +14 -0
  118. package/dist/src/context/user-preferences-provider.d.ts.map +1 -0
  119. package/dist/src/context/user-preferences-provider.js +27 -0
  120. package/dist/src/context/user-preferences-provider.js.map +1 -0
  121. package/dist/src/dlq/dlq-reader.d.ts +31 -0
  122. package/dist/src/dlq/dlq-reader.d.ts.map +1 -0
  123. package/dist/src/dlq/dlq-reader.js +81 -0
  124. package/dist/src/dlq/dlq-reader.js.map +1 -0
  125. package/dist/src/dlq/dlq-writer.d.ts +24 -0
  126. package/dist/src/dlq/dlq-writer.d.ts.map +1 -0
  127. package/dist/src/dlq/dlq-writer.js +65 -0
  128. package/dist/src/dlq/dlq-writer.js.map +1 -0
  129. package/dist/src/dlq/index.d.ts +10 -0
  130. package/dist/src/dlq/index.d.ts.map +1 -0
  131. package/dist/src/dlq/index.js +7 -0
  132. package/dist/src/dlq/index.js.map +1 -0
  133. package/dist/src/eval/dataset-manager.d.ts +33 -0
  134. package/dist/src/eval/dataset-manager.d.ts.map +1 -0
  135. package/dist/src/eval/dataset-manager.js +107 -0
  136. package/dist/src/eval/dataset-manager.js.map +1 -0
  137. package/dist/src/eval/dataset-runner.d.ts +23 -0
  138. package/dist/src/eval/dataset-runner.d.ts.map +1 -0
  139. package/dist/src/eval/dataset-runner.js +59 -0
  140. package/dist/src/eval/dataset-runner.js.map +1 -0
  141. package/dist/src/eval/index.d.ts +10 -0
  142. package/dist/src/eval/index.d.ts.map +1 -0
  143. package/dist/src/eval/index.js +7 -0
  144. package/dist/src/eval/index.js.map +1 -0
  145. package/dist/src/eval/trace-collector.d.ts +40 -0
  146. package/dist/src/eval/trace-collector.d.ts.map +1 -0
  147. package/dist/src/eval/trace-collector.js +102 -0
  148. package/dist/src/eval/trace-collector.js.map +1 -0
  149. package/dist/src/graph/enrich.mjs +362 -0
  150. package/dist/src/infrastructure/in-memory-repositories.d.ts +68 -0
  151. package/dist/src/infrastructure/in-memory-repositories.d.ts.map +1 -0
  152. package/dist/src/infrastructure/in-memory-repositories.js +264 -0
  153. package/dist/src/infrastructure/in-memory-repositories.js.map +1 -0
  154. package/dist/src/init/statusline-generator.js +3 -3
  155. package/dist/src/interactive/interrupt.d.ts +22 -0
  156. package/dist/src/interactive/interrupt.d.ts.map +1 -0
  157. package/dist/src/interactive/interrupt.js +71 -0
  158. package/dist/src/interactive/interrupt.js.map +1 -0
  159. package/dist/src/mcp/deprecation-injector.d.ts +25 -0
  160. package/dist/src/mcp/deprecation-injector.d.ts.map +1 -0
  161. package/dist/src/mcp/deprecation-injector.js +48 -0
  162. package/dist/src/mcp/deprecation-injector.js.map +1 -0
  163. package/dist/src/mcp/tool-registry.d.ts +61 -0
  164. package/dist/src/mcp/tool-registry.d.ts.map +1 -0
  165. package/dist/src/mcp/tool-registry.js +246 -0
  166. package/dist/src/mcp/tool-registry.js.map +1 -0
  167. package/dist/src/mcp-tools/wasm-agent-tools.d.ts +9 -0
  168. package/dist/src/mcp-tools/wasm-agent-tools.d.ts.map +1 -0
  169. package/dist/src/mcp-tools/wasm-agent-tools.js +230 -0
  170. package/dist/src/mcp-tools/wasm-agent-tools.js.map +1 -0
  171. package/dist/src/model/complexity-scorer.d.ts +21 -0
  172. package/dist/src/model/complexity-scorer.d.ts.map +1 -0
  173. package/dist/src/model/complexity-scorer.js +106 -0
  174. package/dist/src/model/complexity-scorer.js.map +1 -0
  175. package/dist/src/model/index.d.ts +4 -0
  176. package/dist/src/model/index.d.ts.map +1 -0
  177. package/dist/src/model/index.js +4 -0
  178. package/dist/src/model/index.js.map +1 -0
  179. package/dist/src/model/model-settings.d.ts +22 -0
  180. package/dist/src/model/model-settings.d.ts.map +1 -0
  181. package/dist/src/model/model-settings.js +33 -0
  182. package/dist/src/model/model-settings.js.map +1 -0
  183. package/dist/src/model/model-tier-resolver.d.ts +24 -0
  184. package/dist/src/model/model-tier-resolver.d.ts.map +1 -0
  185. package/dist/src/model/model-tier-resolver.js +65 -0
  186. package/dist/src/model/model-tier-resolver.js.map +1 -0
  187. package/dist/src/monovector/capabilities.d.ts +34 -0
  188. package/dist/src/monovector/capabilities.d.ts.map +1 -0
  189. package/dist/src/monovector/capabilities.js +37 -0
  190. package/dist/src/monovector/capabilities.js.map +1 -0
  191. package/dist/src/observability/replay-reader.d.ts +1 -1
  192. package/dist/src/observability/replay-reader.d.ts.map +1 -1
  193. package/dist/src/orchestration/index.d.ts +7 -0
  194. package/dist/src/orchestration/index.d.ts.map +1 -0
  195. package/dist/src/orchestration/index.js +6 -0
  196. package/dist/src/orchestration/index.js.map +1 -0
  197. package/dist/src/orchestration/mode-dispatcher.d.ts +11 -0
  198. package/dist/src/orchestration/mode-dispatcher.d.ts.map +1 -0
  199. package/dist/src/orchestration/mode-dispatcher.js +31 -0
  200. package/dist/src/orchestration/mode-dispatcher.js.map +1 -0
  201. package/dist/src/orchestration/routing-modes.d.ts +68 -0
  202. package/dist/src/orchestration/routing-modes.d.ts.map +1 -0
  203. package/dist/src/orchestration/routing-modes.js +180 -0
  204. package/dist/src/orchestration/routing-modes.js.map +1 -0
  205. package/dist/src/plugins/tests/demo-plugin-store.d.ts +7 -0
  206. package/dist/src/plugins/tests/demo-plugin-store.d.ts.map +1 -0
  207. package/dist/src/plugins/tests/demo-plugin-store.js +126 -0
  208. package/dist/src/plugins/tests/demo-plugin-store.js.map +1 -0
  209. package/dist/src/plugins/tests/standalone-test.d.ts +12 -0
  210. package/dist/src/plugins/tests/standalone-test.d.ts.map +1 -0
  211. package/dist/src/plugins/tests/standalone-test.js +188 -0
  212. package/dist/src/plugins/tests/standalone-test.js.map +1 -0
  213. package/dist/src/plugins/tests/test-plugin-store.d.ts +7 -0
  214. package/dist/src/plugins/tests/test-plugin-store.d.ts.map +1 -0
  215. package/dist/src/plugins/tests/test-plugin-store.js +206 -0
  216. package/dist/src/plugins/tests/test-plugin-store.js.map +1 -0
  217. package/dist/src/runtime/headless.d.ts +60 -0
  218. package/dist/src/runtime/headless.d.ts.map +1 -0
  219. package/dist/src/runtime/headless.js +284 -0
  220. package/dist/src/runtime/headless.js.map +1 -0
  221. package/dist/src/services/agentic-flow-bridge.d.ts +50 -0
  222. package/dist/src/services/agentic-flow-bridge.d.ts.map +1 -0
  223. package/dist/src/services/agentic-flow-bridge.js +95 -0
  224. package/dist/src/services/agentic-flow-bridge.js.map +1 -0
  225. package/dist/src/services/container-worker-pool.d.ts +197 -0
  226. package/dist/src/services/container-worker-pool.d.ts.map +1 -0
  227. package/dist/src/services/container-worker-pool.js +623 -0
  228. package/dist/src/services/container-worker-pool.js.map +1 -0
  229. package/dist/src/services/index.d.ts +13 -0
  230. package/dist/src/services/index.d.ts.map +1 -0
  231. package/dist/src/services/index.js +11 -0
  232. package/dist/src/services/index.js.map +1 -0
  233. package/dist/src/services/worker-queue.d.ts +201 -0
  234. package/dist/src/services/worker-queue.d.ts.map +1 -0
  235. package/dist/src/services/worker-queue.js +594 -0
  236. package/dist/src/services/worker-queue.js.map +1 -0
  237. package/dist/src/swarm/communication-graph.d.ts +25 -0
  238. package/dist/src/swarm/communication-graph.d.ts.map +1 -0
  239. package/dist/src/swarm/communication-graph.js +77 -0
  240. package/dist/src/swarm/communication-graph.js.map +1 -0
  241. package/dist/src/swarm/flow-enforcer.d.ts +31 -0
  242. package/dist/src/swarm/flow-enforcer.d.ts.map +1 -0
  243. package/dist/src/swarm/flow-enforcer.js +61 -0
  244. package/dist/src/swarm/flow-enforcer.js.map +1 -0
  245. package/dist/src/swarm/flow-visualizer.d.ts +19 -0
  246. package/dist/src/swarm/flow-visualizer.d.ts.map +1 -0
  247. package/dist/src/swarm/flow-visualizer.js +68 -0
  248. package/dist/src/swarm/flow-visualizer.js.map +1 -0
  249. package/dist/src/transfer/deploy-seraphine.d.ts +13 -0
  250. package/dist/src/transfer/deploy-seraphine.d.ts.map +1 -0
  251. package/dist/src/transfer/deploy-seraphine.js +205 -0
  252. package/dist/src/transfer/deploy-seraphine.js.map +1 -0
  253. package/dist/src/transfer/store/tests/standalone-test.d.ts +12 -0
  254. package/dist/src/transfer/store/tests/standalone-test.d.ts.map +1 -0
  255. package/dist/src/transfer/store/tests/standalone-test.js +190 -0
  256. package/dist/src/transfer/store/tests/standalone-test.js.map +1 -0
  257. package/dist/src/transfer/test-seraphine.d.ts +6 -0
  258. package/dist/src/transfer/test-seraphine.d.ts.map +1 -0
  259. package/dist/src/transfer/test-seraphine.js +105 -0
  260. package/dist/src/transfer/test-seraphine.js.map +1 -0
  261. package/dist/src/transfer/tests/test-store.d.ts +7 -0
  262. package/dist/src/transfer/tests/test-store.d.ts.map +1 -0
  263. package/dist/src/transfer/tests/test-store.js +214 -0
  264. package/dist/src/transfer/tests/test-store.js.map +1 -0
  265. package/dist/src/ui/collector.mjs +755 -0
  266. package/dist/src/ui/dashboard.html +10639 -0
  267. package/dist/src/ui/data/agent-avatars.html +763 -0
  268. package/dist/src/ui/data/agent-avatars.json +966 -0
  269. package/dist/src/ui/data/avatars/account-strategist.svg +58 -0
  270. package/dist/src/ui/data/avatars/accounts-payable.svg +54 -0
  271. package/dist/src/ui/data/avatars/adaptive-coordinator.svg +55 -0
  272. package/dist/src/ui/data/avatars/adaptive-coordinator2.svg +54 -0
  273. package/dist/src/ui/data/avatars/ai-citation.svg +57 -0
  274. package/dist/src/ui/data/avatars/ai-engineer.svg +61 -0
  275. package/dist/src/ui/data/avatars/analytics-reporter.svg +53 -0
  276. package/dist/src/ui/data/avatars/api-tester.svg +53 -0
  277. package/dist/src/ui/data/avatars/architecture.svg +54 -0
  278. package/dist/src/ui/data/avatars/automation-governance.svg +55 -0
  279. package/dist/src/ui/data/avatars/backend-dev.svg +53 -0
  280. package/dist/src/ui/data/avatars/benchmarker.svg +54 -0
  281. package/dist/src/ui/data/avatars/blockchain-auditor.svg +53 -0
  282. package/dist/src/ui/data/avatars/byzantine-coord.svg +57 -0
  283. package/dist/src/ui/data/avatars/case-analyst.svg +57 -0
  284. package/dist/src/ui/data/avatars/cicd-engineer.svg +55 -0
  285. package/dist/src/ui/data/avatars/cloud-architect.svg +54 -0
  286. package/dist/src/ui/data/avatars/code-review-swarm.svg +57 -0
  287. package/dist/src/ui/data/avatars/coder-v119.svg +57 -0
  288. package/dist/src/ui/data/avatars/coder.svg +58 -0
  289. package/dist/src/ui/data/avatars/collective-coord.svg +54 -0
  290. package/dist/src/ui/data/avatars/compliance-auditor.svg +58 -0
  291. package/dist/src/ui/data/avatars/consensus-coordinator.svg +54 -0
  292. package/dist/src/ui/data/avatars/content-creator.svg +54 -0
  293. package/dist/src/ui/data/avatars/crdt-synchronizer.svg +53 -0
  294. package/dist/src/ui/data/avatars/cro-specialist.svg +58 -0
  295. package/dist/src/ui/data/avatars/data-consolidator.svg +54 -0
  296. package/dist/src/ui/data/avatars/data-engineer.svg +53 -0
  297. package/dist/src/ui/data/avatars/database-optimizer.svg +61 -0
  298. package/dist/src/ui/data/avatars/deal-strategist.svg +54 -0
  299. package/dist/src/ui/data/avatars/defender.svg +53 -0
  300. package/dist/src/ui/data/avatars/devops-automator.svg +56 -0
  301. package/dist/src/ui/data/avatars/discovery-coach.svg +54 -0
  302. package/dist/src/ui/data/avatars/email-marketing.svg +57 -0
  303. package/dist/src/ui/data/avatars/embedded-firmware.svg +61 -0
  304. package/dist/src/ui/data/avatars/evidence-collector.svg +57 -0
  305. package/dist/src/ui/data/avatars/experiment-tracker.svg +53 -0
  306. package/dist/src/ui/data/avatars/feedback-synthesizer.svg +54 -0
  307. package/dist/src/ui/data/avatars/finance-tracker.svg +54 -0
  308. package/dist/src/ui/data/avatars/frontend-developer.svg +54 -0
  309. package/dist/src/ui/data/avatars/game-audio-engineer.svg +59 -0
  310. package/dist/src/ui/data/avatars/game-designer.svg +54 -0
  311. package/dist/src/ui/data/avatars/gossip-coordinator.svg +54 -0
  312. package/dist/src/ui/data/avatars/hierarchical-coord.svg +54 -0
  313. package/dist/src/ui/data/avatars/incident-commander.svg +57 -0
  314. package/dist/src/ui/data/avatars/infrastructure.svg +54 -0
  315. package/dist/src/ui/data/avatars/input-validator.svg +53 -0
  316. package/dist/src/ui/data/avatars/ios-developer.svg +54 -0
  317. package/dist/src/ui/data/avatars/issue-tracker.svg +53 -0
  318. package/dist/src/ui/data/avatars/judge.svg +55 -0
  319. package/dist/src/ui/data/avatars/launch-strategist.svg +54 -0
  320. package/dist/src/ui/data/avatars/legal-compliance.svg +53 -0
  321. package/dist/src/ui/data/avatars/level-designer.svg +53 -0
  322. package/dist/src/ui/data/avatars/load-balancer.svg +57 -0
  323. package/dist/src/ui/data/avatars/mcp-builder.svg +53 -0
  324. package/dist/src/ui/data/avatars/memory-coordinator.svg +55 -0
  325. package/dist/src/ui/data/avatars/mesh-coordinator.svg +55 -0
  326. package/dist/src/ui/data/avatars/ml-developer.svg +58 -0
  327. package/dist/src/ui/data/avatars/mobile-app-builder.svg +53 -0
  328. package/dist/src/ui/data/avatars/mobile-dev.svg +54 -0
  329. package/dist/src/ui/data/avatars/model-qa.svg +58 -0
  330. package/dist/src/ui/data/avatars/narrative-designer.svg +58 -0
  331. package/dist/src/ui/data/avatars/outbound-strategist.svg +55 -0
  332. package/dist/src/ui/data/avatars/path-validator.svg +54 -0
  333. package/dist/src/ui/data/avatars/payment-agent.svg +53 -0
  334. package/dist/src/ui/data/avatars/perf-analyzer.svg +58 -0
  335. package/dist/src/ui/data/avatars/pipeline-analyst.svg +54 -0
  336. package/dist/src/ui/data/avatars/planner.svg +55 -0
  337. package/dist/src/ui/data/avatars/pr-manager.svg +54 -0
  338. package/dist/src/ui/data/avatars/pricing-strategist.svg +54 -0
  339. package/dist/src/ui/data/avatars/product-manager.svg +54 -0
  340. package/dist/src/ui/data/avatars/production-validator.svg +54 -0
  341. package/dist/src/ui/data/avatars/project-shepherd.svg +54 -0
  342. package/dist/src/ui/data/avatars/proposal-strategist.svg +54 -0
  343. package/dist/src/ui/data/avatars/prosecutor.svg +57 -0
  344. package/dist/src/ui/data/avatars/pseudocode.svg +53 -0
  345. package/dist/src/ui/data/avatars/queen-coordinator.svg +55 -0
  346. package/dist/src/ui/data/avatars/quorum-manager.svg +53 -0
  347. package/dist/src/ui/data/avatars/raft-manager.svg +53 -0
  348. package/dist/src/ui/data/avatars/reality-checker.svg +58 -0
  349. package/dist/src/ui/data/avatars/recruitment.svg +58 -0
  350. package/dist/src/ui/data/avatars/refinement.svg +53 -0
  351. package/dist/src/ui/data/avatars/release-manager.svg +54 -0
  352. package/dist/src/ui/data/avatars/repo-architect.svg +54 -0
  353. package/dist/src/ui/data/avatars/researcher.svg +58 -0
  354. package/dist/src/ui/data/avatars/resource-allocator.svg +53 -0
  355. package/dist/src/ui/data/avatars/reviewer.svg +53 -0
  356. package/dist/src/ui/data/avatars/safe-executor.svg +53 -0
  357. package/dist/src/ui/data/avatars/sales-coach.svg +53 -0
  358. package/dist/src/ui/data/avatars/sales-engineer.svg +58 -0
  359. package/dist/src/ui/data/avatars/scout-explorer.svg +58 -0
  360. package/dist/src/ui/data/avatars/security-architect.svg +54 -0
  361. package/dist/src/ui/data/avatars/security-auditor.svg +55 -0
  362. package/dist/src/ui/data/avatars/senior-developer.svg +58 -0
  363. package/dist/src/ui/data/avatars/senior-pm.svg +58 -0
  364. package/dist/src/ui/data/avatars/seo-specialist.svg +57 -0
  365. package/dist/src/ui/data/avatars/social-media.svg +54 -0
  366. package/dist/src/ui/data/avatars/solidity-engineer.svg +58 -0
  367. package/dist/src/ui/data/avatars/sparc-coder.svg +58 -0
  368. package/dist/src/ui/data/avatars/sparc-coord.svg +56 -0
  369. package/dist/src/ui/data/avatars/specification.svg +57 -0
  370. package/dist/src/ui/data/avatars/sprint-prioritizer.svg +53 -0
  371. package/dist/src/ui/data/avatars/sre.svg +54 -0
  372. package/dist/src/ui/data/avatars/studio-operations.svg +53 -0
  373. package/dist/src/ui/data/avatars/studio-producer.svg +55 -0
  374. package/dist/src/ui/data/avatars/support-responder.svg +56 -0
  375. package/dist/src/ui/data/avatars/system-architect.svg +54 -0
  376. package/dist/src/ui/data/avatars/task-orchestrator.svg +56 -0
  377. package/dist/src/ui/data/avatars/technical-artist.svg +53 -0
  378. package/dist/src/ui/data/avatars/technical-writer.svg +59 -0
  379. package/dist/src/ui/data/avatars/tester.svg +53 -0
  380. package/dist/src/ui/data/avatars/threat-detection.svg +61 -0
  381. package/dist/src/ui/data/avatars/trend-researcher.svg +54 -0
  382. package/dist/src/ui/data/avatars/trial-director.svg +55 -0
  383. package/dist/src/ui/data/avatars/unity-architect.svg +54 -0
  384. package/dist/src/ui/data/avatars/visionos-engineer.svg +57 -0
  385. package/dist/src/ui/data/avatars/worker-specialist.svg +55 -0
  386. package/dist/src/ui/data/avatars/workflow-architect.svg +57 -0
  387. package/dist/src/ui/data/avatars/workflow-automation.svg +54 -0
  388. package/dist/src/ui/data/avatars/zk-steward.svg +54 -0
  389. package/dist/src/ui/data/mastermind-events.jsonl +59 -0
  390. package/dist/src/ui/data/mastermind-sessions.json +1 -0
  391. package/dist/src/ui/orgs.html +1360 -0
  392. package/dist/src/ui/server.mjs +4336 -0
  393. package/dist/src/workflow/condition-evaluator.d.ts +10 -0
  394. package/dist/src/workflow/condition-evaluator.d.ts.map +1 -0
  395. package/dist/src/workflow/condition-evaluator.js +82 -0
  396. package/dist/src/workflow/condition-evaluator.js.map +1 -0
  397. package/dist/src/workflow/context-resolver.d.ts +12 -0
  398. package/dist/src/workflow/context-resolver.d.ts.map +1 -0
  399. package/dist/src/workflow/context-resolver.js +23 -0
  400. package/dist/src/workflow/context-resolver.js.map +1 -0
  401. package/dist/src/workflow/dag-builder.d.ts +17 -0
  402. package/dist/src/workflow/dag-builder.d.ts.map +1 -0
  403. package/dist/src/workflow/dag-builder.js +129 -0
  404. package/dist/src/workflow/dag-builder.js.map +1 -0
  405. package/dist/src/workflow/dag-executor.d.ts +9 -0
  406. package/dist/src/workflow/dag-executor.d.ts.map +1 -0
  407. package/dist/src/workflow/dag-executor.js +116 -0
  408. package/dist/src/workflow/dag-executor.js.map +1 -0
  409. package/dist/src/workflow/dag-types.d.ts +41 -0
  410. package/dist/src/workflow/dag-types.d.ts.map +1 -0
  411. package/dist/src/workflow/dag-types.js +8 -0
  412. package/dist/src/workflow/dag-types.js.map +1 -0
  413. package/dist/src/workflow/dsl-parser.d.ts +12 -0
  414. package/dist/src/workflow/dsl-parser.d.ts.map +1 -0
  415. package/dist/src/workflow/dsl-parser.js +20 -0
  416. package/dist/src/workflow/dsl-parser.js.map +1 -0
  417. package/dist/src/workflow/dsl-schema.d.ts +165 -0
  418. package/dist/src/workflow/dsl-schema.d.ts.map +1 -0
  419. package/dist/src/workflow/dsl-schema.js +82 -0
  420. package/dist/src/workflow/dsl-schema.js.map +1 -0
  421. package/dist/src/workflow/index.d.ts +13 -0
  422. package/dist/src/workflow/index.d.ts.map +1 -0
  423. package/dist/src/workflow/index.js +11 -0
  424. package/dist/src/workflow/index.js.map +1 -0
  425. package/dist/src/workflow/template-engine.d.ts +11 -0
  426. package/dist/src/workflow/template-engine.d.ts.map +1 -0
  427. package/dist/src/workflow/template-engine.js +40 -0
  428. package/dist/src/workflow/template-engine.js.map +1 -0
  429. package/dist/src/workflow/workflow-executor.d.ts +29 -0
  430. package/dist/src/workflow/workflow-executor.d.ts.map +1 -0
  431. package/dist/src/workflow/workflow-executor.js +227 -0
  432. package/dist/src/workflow/workflow-executor.js.map +1 -0
  433. package/dist/tsconfig.tsbuildinfo +1 -1
  434. package/package.json +9 -9
package/dist/src/ui/orgs.html ADDED
@@ -0,0 +1,1360 @@
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>MASTERMIND ORGS</title>
7
+ <style>
8
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
9
+
10
+ :root {
11
+ --bg: oklch(7% 0.010 186);
12
+ --bg-panel: oklch(9% 0.012 186);
13
+ --bg-hover: oklch(62% 0.20 186 / 0.06);
14
+ --bg-active: oklch(62% 0.20 186 / 0.11);
15
+ --teal: oklch(62% 0.20 186);
16
+ --teal-dim: oklch(62% 0.20 186 / 0.18);
17
+ --teal-glow: oklch(62% 0.20 186 / 0.08);
18
+ --indigo: oklch(68% 0.18 252);
19
+ --green: oklch(68% 0.20 150);
20
+ --green-glow:oklch(68% 0.20 150 / 0.25);
21
+ --amber: oklch(78% 0.18 80);
22
+ --red: oklch(62% 0.22 25);
23
+ --text: oklch(80% 0.012 186);
24
+ --muted: oklch(52% 0.010 186);
25
+ --dim: oklch(36% 0.008 186);
26
+ --border: oklch(62% 0.20 186 / 0.12);
27
+ --border-hi: oklch(62% 0.20 186 / 0.35);
28
+ --mono: 'Azeret Mono', 'Space Mono', 'Courier New', monospace;
29
+ }
30
+
31
+ html, body {
32
+ width: 100%; height: 100%; overflow: hidden;
33
+ background: var(--bg);
34
+ font-family: var(--mono);
35
+ color: var(--text);
36
+ font-size: 13px;
37
+ line-height: 1.5;
38
+ user-select: none;
39
+ }
40
+
41
+ /* ── Layout ─────────────────────────────────────────────────── */
42
+ #app { display: flex; height: 100vh; }
43
+
44
+ #sidebar {
45
+ width: 260px; flex-shrink: 0;
46
+ background: var(--bg-panel);
47
+ border-right: 1px solid var(--border);
48
+ display: flex; flex-direction: column;
49
+ overflow: hidden;
50
+ }
51
+
52
+ #main {
53
+ flex: 1; display: flex; flex-direction: column;
54
+ overflow: hidden; min-width: 0;
55
+ }
56
+
57
+ /* ── Sidebar ─────────────────────────────────────────────────── */
58
+ #sb-header {
59
+ padding: 14px 14px 12px;
60
+ border-bottom: 1px solid var(--border);
61
+ flex-shrink: 0;
62
+ }
63
+
64
+ #sb-wordmark {
65
+ display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
66
+ }
67
+
68
+ #sb-back {
69
+ font-size: 9px; letter-spacing: 1px; color: var(--dim);
70
+ text-decoration: none; padding: 3px 7px;
71
+ border: 1px solid var(--border); border-radius: 3px;
72
+ transition: color 0.12s, border-color 0.12s;
73
+ }
74
+ #sb-back:hover { color: var(--teal); border-color: var(--teal-dim); }
75
+
76
+ #sb-title {
77
+ font-size: 9px; letter-spacing: 4px; color: var(--teal);
78
+ opacity: 0.8;
79
+ }
80
+
81
+ #sb-status-row {
82
+ display: flex; align-items: center; gap: 6px;
83
+ }
84
+
85
+ .live-dot {
86
+ width: 6px; height: 6px; border-radius: 50%;
87
+ background: var(--dim); flex-shrink: 0;
88
+ transition: background 0.4s, box-shadow 0.4s;
89
+ }
90
+ .live-dot.on {
91
+ background: var(--green);
92
+ box-shadow: 0 0 6px var(--green-glow);
93
+ }
94
+ @media (prefers-reduced-motion: no-preference) {
95
+ .live-dot.on { animation: livepulse 2.2s ease-in-out infinite; }
96
+ }
97
+ @keyframes livepulse { 0%,100%{opacity:1} 50%{opacity:0.45} }
98
+
99
+ #sb-status-text { font-size: 9px; letter-spacing: 2px; color: var(--dim); }
100
+ #sb-running-count { font-size: 8px; color: var(--green); margin-left: auto; letter-spacing: 1px; }
101
+
102
+ #sb-list {
103
+ flex: 1; overflow-y: auto;
104
+ padding: 6px 0;
105
+ scrollbar-width: thin;
106
+ scrollbar-color: var(--teal-dim) transparent;
107
+ }
108
+ #sb-list::-webkit-scrollbar { width: 3px; }
109
+ #sb-list::-webkit-scrollbar-thumb { background: var(--teal-dim); border-radius: 2px; }
110
+
111
+ .org-item {
112
+ padding: 10px 14px;
113
+ cursor: pointer;
114
+ border-left: 2px solid transparent;
115
+ transition: background 0.12s, border-color 0.12s;
116
+ position: relative;
117
+ }
118
+ .org-item:hover { background: var(--bg-hover); }
119
+ .org-item.active {
120
+ background: var(--bg-active);
121
+ border-left-color: var(--teal);
122
+ }
123
+ .org-item.running { border-left-color: var(--green); }
124
+ .org-item.active.running { border-left-color: var(--teal); }
125
+
126
+ .oi-header { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; }
127
+
128
+ .oi-dot {
129
+ width: 5px; height: 5px; border-radius: 50%;
130
+ background: var(--dim); flex-shrink: 0;
131
+ }
132
+ .oi-dot.running {
133
+ background: var(--green);
134
+ box-shadow: 0 0 4px var(--green);
135
+ }
136
+ @media (prefers-reduced-motion: no-preference) {
137
+ .oi-dot.running { animation: livepulse 2s ease-in-out infinite; }
138
+ }
139
+
140
+ .oi-name {
141
+ font-size: 11px; color: var(--text); font-weight: 500;
142
+ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
143
+ flex: 1;
144
+ }
145
+
146
+ .oi-badge {
147
+ font-size: 7px; padding: 1px 6px; border-radius: 2px; flex-shrink: 0;
148
+ text-transform: uppercase; letter-spacing: 0.06em;
149
+ }
150
+ .oi-badge.running {
151
+ background: oklch(68% 0.20 150 / 0.12);
152
+ color: var(--green);
153
+ border: 1px solid oklch(68% 0.20 150 / 0.28);
154
+ }
155
+ .oi-badge.idle {
156
+ background: transparent; color: var(--dim);
157
+ border: 1px solid var(--border);
158
+ }
159
+
160
+ .oi-goal {
161
+ font-size: 9px; color: var(--muted); line-height: 1.5;
162
+ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
163
+ padding-left: 12px;
164
+ }
165
+
166
+ .oi-meta {
167
+ display: flex; gap: 8px; padding-left: 12px; margin-top: 3px;
168
+ }
169
+ .oi-chip {
170
+ font-size: 8px; color: var(--dim); letter-spacing: 0.5px;
171
+ }
172
+ .oi-chip span { color: var(--muted); }
173
+
174
+ #sb-empty {
175
+ padding: 28px 16px; text-align: center;
176
+ color: var(--dim); font-size: 9px; line-height: 1.8; letter-spacing: 0.5px;
177
+ }
178
+ #sb-empty .empty-icon {
179
+ font-size: 24px; display: block; margin-bottom: 10px; opacity: 0.35;
180
+ }
181
+ #sb-empty .empty-cmd {
182
+ display: inline-block; margin-top: 10px;
183
+ color: var(--teal); border: 1px solid var(--teal-dim);
184
+ padding: 3px 10px; border-radius: 3px; font-size: 8px; letter-spacing: 1px;
185
+ }
186
+
187
+ /* ── Main area ─────────────────────────────────────────────────── */
188
+ #main-header {
189
+ padding: 12px 20px 11px;
190
+ border-bottom: 1px solid var(--border);
191
+ display: flex; align-items: center; gap: 12px;
192
+ flex-shrink: 0;
193
+ }
194
+
195
+ #org-label {
196
+ font-size: 9px; letter-spacing: 4px; color: var(--teal);
197
+ opacity: 0.7; text-transform: uppercase;
198
+ }
199
+
200
+ #org-name {
201
+ font-size: 15px; letter-spacing: 2px; color: var(--text);
202
+ font-weight: 600; text-transform: uppercase;
203
+ }
204
+
205
+ #org-status-badge {
206
+ font-size: 8px; padding: 2px 8px; border-radius: 2px;
207
+ text-transform: uppercase; letter-spacing: 0.1em; margin-left: 4px;
208
+ }
209
+ #org-status-badge.running {
210
+ background: oklch(68% 0.20 150 / 0.12);
211
+ color: var(--green); border: 1px solid oklch(68% 0.20 150 / 0.25);
212
+ }
213
+ #org-status-badge.idle {
214
+ background: transparent; color: var(--dim);
215
+ border: 1px solid var(--border);
216
+ }
217
+
218
+ .hdr-chip {
219
+ font-size: 8px; color: var(--dim); letter-spacing: 0.5px;
220
+ padding: 2px 8px; border: 1px solid var(--border); border-radius: 2px;
221
+ }
222
+ .hdr-chip span { color: var(--muted); }
223
+
224
+ #main-tabs {
225
+ display: flex; gap: 0; border-bottom: 1px solid var(--border);
226
+ flex-shrink: 0; padding: 0 20px;
227
+ }
228
+
229
+ .tab-btn {
230
+ font-size: 9px; letter-spacing: 2px; color: var(--dim);
231
+ padding: 8px 14px; background: none; border: none; cursor: pointer;
232
+ font-family: var(--mono); text-transform: uppercase;
233
+ border-bottom: 2px solid transparent; margin-bottom: -1px;
234
+ transition: color 0.12s, border-color 0.12s;
235
+ }
236
+ .tab-btn:hover { color: var(--muted); }
237
+ .tab-btn.active { color: var(--teal); border-bottom-color: var(--teal); }
238
+
239
+ #main-body { flex: 1; overflow-y: auto; overflow-x: hidden; }
240
+ #main-body::-webkit-scrollbar { width: 4px; }
241
+ #main-body::-webkit-scrollbar-thumb { background: var(--teal-dim); border-radius: 2px; }
242
+
243
+ .tab-pane { display: none; }
244
+ .tab-pane.active { display: block; }
245
+
246
+ /* ── Empty / no-selection state ─────────────────────────────────── */
247
+ #no-org-state {
248
+ display: flex; flex-direction: column; align-items: center;
249
+ justify-content: center; height: 100%; gap: 10px; opacity: 0.5;
250
+ padding: 40px;
251
+ }
252
+ #no-org-state .ns-icon { font-size: 48px; opacity: 0.25; }
253
+ #no-org-state .ns-text {
254
+ font-size: 9px; letter-spacing: 3px; color: var(--dim);
255
+ text-align: center;
256
+ }
257
+
258
+ /* ── Org Chart ──────────────────────────────────────────────────── */
259
+ #chart-pane {
260
+ padding: 20px;
261
+ display: flex; flex-direction: column; gap: 16px;
262
+ }
263
+
264
+ #chart-svg-wrap {
265
+ background: oklch(8% 0.01 186);
266
+ border: 1px solid var(--border);
267
+ border-radius: 4px;
268
+ overflow: hidden; position: relative;
269
+ }
270
+
271
+ #org-chart-svg {
272
+ width: 100%; display: block;
273
+ }
274
+
275
+ /* ── Info grid (goal / topology / created) ─────────────────────── */
276
+ #org-meta-grid {
277
+ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px;
278
+ background: var(--border); border: 1px solid var(--border);
279
+ border-radius: 3px; overflow: hidden;
280
+ }
281
+ .meta-cell {
282
+ background: var(--bg-panel);
283
+ padding: 10px 14px;
284
+ }
285
+ .meta-cell-label { font-size: 8px; letter-spacing: 2px; color: var(--dim); margin-bottom: 4px; }
286
+ .meta-cell-value { font-size: 11px; color: var(--text); }
287
+
288
+ /* ── Roles list ─────────────────────────────────────────────────── */
289
+ #roles-pane { padding: 20px; }
290
+
291
+ .roles-grid {
292
+ display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
293
+ gap: 10px;
294
+ }
295
+
296
+ .role-block {
297
+ background: var(--bg-panel);
298
+ border: 1px solid var(--border);
299
+ border-radius: 3px; padding: 12px 14px;
300
+ transition: border-color 0.12s;
301
+ }
302
+ .role-block:hover { border-color: var(--teal-dim); }
303
+
304
+ .rb-header { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
305
+ .rb-dot {
306
+ width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; margin-top: 4px;
307
+ }
308
+ .rb-title { font-size: 12px; color: var(--text); font-weight: 500; line-height: 1.3; }
309
+ .rb-agent {
310
+ margin-left: auto; flex-shrink: 0;
311
+ font-size: 8px; padding: 1px 7px; border-radius: 2px;
312
+ border: 1px solid var(--teal-dim); color: var(--teal); opacity: 0.85;
313
+ letter-spacing: 0.5px;
314
+ }
315
+ .rb-id { font-size: 9px; color: var(--dim); margin-bottom: 5px; padding-left: 15px; }
316
+ .rb-reports { font-size: 9px; color: var(--muted); padding-left: 15px; margin-bottom: 6px; }
317
+ .rb-reports span { color: var(--indigo); }
318
+
319
+ .rb-resps { padding-left: 15px; }
320
+ .rb-resp-item {
321
+ font-size: 9px; color: var(--dim); line-height: 1.6;
322
+ display: flex; gap: 6px; align-items: flex-start;
323
+ }
324
+ .rb-resp-item::before {
325
+ content: '—'; color: oklch(36% 0.008 186 / 0.5); flex-shrink: 0; margin-top: 1px;
326
+ }
327
+
328
+ /* ── Activity / event log ───────────────────────────────────────── */
329
+ #activity-pane { padding: 20px; }
330
+ #activity-log { display: flex; flex-direction: column; gap: 0; }
331
+
332
+ .act-row {
333
+ display: grid;
334
+ grid-template-columns: 60px 90px 1fr;
335
+ gap: 8px; padding: 5px 0;
336
+ border-bottom: 1px solid oklch(62% 0.20 186 / 0.05);
337
+ align-items: baseline; font-size: 10px;
338
+ }
339
+ .act-row:last-child { border-bottom: none; }
340
+
341
+ .act-time { color: var(--dim); font-variant-numeric: tabular-nums; font-size: 9px; }
342
+ .act-type { color: var(--teal); font-weight: 500; letter-spacing: 0.5px; }
343
+ .act-msg { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
344
+
345
+ .act-empty { color: var(--dim); font-size: 9px; padding: 16px 0; letter-spacing: 1px; }
346
+
347
+ /* ── Health pane ─────────────────────────────────────────────────── */
348
+ #health-pane { padding: 20px; }
349
+
350
+ .health-grid {
351
+ display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
352
+ gap: 10px; margin-bottom: 16px;
353
+ }
354
+
355
+ .health-cell {
356
+ background: var(--bg-panel);
357
+ border: 1px solid var(--border); border-radius: 3px;
358
+ padding: 12px 14px;
359
+ }
360
+ .hc-label { font-size: 8px; letter-spacing: 2px; color: var(--dim); margin-bottom: 4px; }
361
+ .hc-value { font-size: 18px; color: var(--text); font-weight: 600; font-variant-numeric: tabular-nums; }
362
+ .hc-sub { font-size: 9px; color: var(--muted); margin-top: 2px; }
363
+ .hc-value.green { color: var(--green); }
364
+ .hc-value.amber { color: var(--amber); }
365
+ .hc-value.red { color: var(--red); }
366
+
367
+ /* ── Communication edges (SVG in chart) ─────────────────────────── */
368
+ .oc-edge { stroke: var(--teal); stroke-opacity: 0.25; stroke-width: 1; fill: none; }
369
+ .oc-edge.command { stroke: var(--teal); stroke-opacity: 0.4; }
370
+ .oc-edge.report { stroke: var(--indigo); stroke-opacity: 0.35; stroke-dasharray: 4 3; }
371
+ .oc-edge.feedback { stroke: var(--amber); stroke-opacity: 0.25; stroke-dasharray: 2 4; }
372
+ .oc-edge.handoff { stroke: var(--green); stroke-opacity: 0.3; }
373
+
374
+ .oc-node-bg { fill: oklch(8% 0.01 186); stroke-width: 1.5; }
375
+ .oc-node-bg.boss { stroke: var(--teal); }
376
+ .oc-node-bg.peer { stroke: oklch(68% 0.18 252); }
377
+ .oc-node-text {
378
+ fill: var(--text); font-size: 10px;
379
+ font-family: 'Azeret Mono', 'Space Mono', monospace;
380
+ text-anchor: middle; dominant-baseline: middle;
381
+ pointer-events: none;
382
+ }
383
+ .oc-node-sub {
384
+ fill: var(--muted); font-size: 8px;
385
+ font-family: 'Azeret Mono', 'Space Mono', monospace;
386
+ text-anchor: middle; dominant-baseline: middle;
387
+ pointer-events: none;
388
+ }
389
+ .oc-node-pulse { fill: none; stroke-width: 1; opacity: 0; }
390
+ @media (prefers-reduced-motion: no-preference) {
391
+ .oc-node-pulse.running {
392
+ animation: nodepulse 2.5s ease-in-out infinite;
393
+ stroke: var(--green); opacity: 0.35;
394
+ }
395
+ }
396
+ @keyframes nodepulse { 0%,100%{r:26;opacity:0.2} 50%{r:30;opacity:0.55} }
397
+
398
+ /* Arrow markers are inline in the SVG */
399
+
400
+ /* ── Copy button on org items ───────────────────────────────────── */
401
+ .oi-copy-btn {
402
+ display: none;
403
+ flex-shrink: 0;
404
+ background: none;
405
+ border: 1px solid var(--border);
406
+ border-radius: 2px;
407
+ color: var(--dim);
408
+ font-family: var(--mono);
409
+ font-size: 7px;
410
+ letter-spacing: 0.5px;
411
+ padding: 1px 5px;
412
+ cursor: pointer;
413
+ transition: color 0.12s, border-color 0.12s, background 0.12s;
414
+ line-height: 1.4;
415
+ white-space: nowrap;
416
+ }
417
+ .org-item:hover .oi-copy-btn { display: inline-block; }
418
+ .oi-copy-btn:hover {
419
+ color: var(--teal);
420
+ border-color: var(--teal-dim);
421
+ background: var(--teal-glow);
422
+ }
423
+
424
+ /* ── Copy modal ─────────────────────────────────────────────────── */
425
+ #copy-modal-overlay {
426
+ display: none;
427
+ position: fixed; inset: 0;
428
+ background: oklch(5% 0.008 186 / 0.82);
429
+ backdrop-filter: blur(2px);
430
+ z-index: 200;
431
+ align-items: center; justify-content: center;
432
+ }
433
+ #copy-modal-overlay.open { display: flex; }
434
+
435
+ #copy-modal {
436
+ background: var(--bg-panel);
437
+ border: 1px solid var(--border-hi);
438
+ border-radius: 4px;
439
+ padding: 22px 24px 18px;
440
+ width: 440px;
441
+ max-width: calc(100vw - 32px);
442
+ box-shadow: 0 8px 40px oklch(0% 0 0 / 0.5);
443
+ }
444
+
445
+ #copy-modal-title {
446
+ font-size: 9px; letter-spacing: 3px; color: var(--teal);
447
+ margin-bottom: 4px;
448
+ }
449
+ #copy-modal-org {
450
+ font-size: 14px; font-weight: 600; color: var(--text);
451
+ letter-spacing: 1px; margin-bottom: 16px;
452
+ }
453
+
454
+ .copy-modal-label {
455
+ font-size: 8px; letter-spacing: 2px; color: var(--dim);
456
+ margin-bottom: 6px;
457
+ }
458
+
459
+ #copy-dest-input {
460
+ width: 100%;
461
+ background: oklch(6% 0.008 186);
462
+ border: 1px solid var(--border-hi);
463
+ border-radius: 3px;
464
+ color: var(--text);
465
+ font-family: var(--mono);
466
+ font-size: 12px;
467
+ padding: 8px 10px;
468
+ outline: none;
469
+ transition: border-color 0.12s;
470
+ margin-bottom: 6px;
471
+ }
472
+ #copy-dest-input:focus { border-color: var(--teal); }
473
+ #copy-dest-input::placeholder { color: var(--dim); }
474
+
475
+ #copy-modal-hint {
476
+ font-size: 9px; color: var(--dim); margin-bottom: 16px; line-height: 1.5;
477
+ }
478
+
479
+ #copy-modal-status {
480
+ font-size: 9px; min-height: 16px; margin-bottom: 12px;
481
+ letter-spacing: 0.5px;
482
+ }
483
+ #copy-modal-status.ok { color: var(--green); }
484
+ #copy-modal-status.err { color: var(--red); }
485
+
486
+ .copy-modal-actions {
487
+ display: flex; gap: 8px; justify-content: flex-end;
488
+ }
489
+
490
+ .cm-btn {
491
+ background: none;
492
+ border: 1px solid var(--border-hi);
493
+ border-radius: 3px;
494
+ color: var(--muted);
495
+ font-family: var(--mono);
496
+ font-size: 9px; letter-spacing: 1px;
497
+ padding: 5px 14px;
498
+ cursor: pointer;
499
+ text-transform: uppercase;
500
+ transition: color 0.12s, border-color 0.12s, background 0.12s;
501
+ }
502
+ .cm-btn:hover { color: var(--text); border-color: var(--muted); }
503
+ .cm-btn.primary {
504
+ color: var(--teal); border-color: var(--teal-dim);
505
+ }
506
+ .cm-btn.primary:hover { background: var(--teal-glow); border-color: var(--teal); }
507
+ .cm-btn:disabled { opacity: 0.4; cursor: not-allowed; }
508
+ </style>
509
+ </head>
510
+ <body>
511
+ <div id="app">
512
+
513
+ <!-- ── Sidebar: org list ── -->
514
+ <div id="sidebar">
515
+ <div id="sb-header">
516
+ <div id="sb-wordmark">
517
+ <a id="sb-back" href="/">← CONTROL</a>
518
+ <span id="sb-title">ORGS</span>
519
+ </div>
520
+ <div id="sb-status-row">
521
+ <div class="live-dot" id="sb-live-dot"></div>
522
+ <span id="sb-status-text">LOADING</span>
523
+ <span id="sb-running-count"></span>
524
+ </div>
525
+ </div>
526
+ <div id="sb-list">
527
+ <div id="sb-empty" style="display:none">
528
+ <span class="empty-icon">⬡</span>
529
+ NO ORGS FOUND<br><br>
530
+ Create a named agent team<br>that coordinates across sessions.
531
+ <span class="empty-cmd">/mastermind:createorg</span>
532
+ </div>
533
+ </div>
534
+ </div>
535
+
536
+ <!-- ── Main content ── -->
537
+ <div id="main">
538
+
539
+ <!-- No-selection splash -->
540
+ <div id="no-org-state">
541
+ <div class="ns-icon">⬡</div>
542
+ <div class="ns-text">SELECT AN ORG</div>
543
+ </div>
544
+
545
+ <!-- Org detail (hidden until org selected) -->
546
+ <div id="org-detail" style="display:none; height:100%; flex-direction:column; overflow:hidden;">
547
+
548
+ <div id="main-header">
549
+ <div>
550
+ <div id="org-label">MASTERMIND ORG</div>
551
+ <div style="display:flex; align-items:center; gap:8px; margin-top:2px;">
552
+ <div id="org-name">—</div>
553
+ <span id="org-status-badge" class="idle">IDLE</span>
554
+ </div>
555
+ </div>
556
+ <div style="margin-left:auto; display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end;">
557
+ <div class="hdr-chip">ROLES <span id="hdr-roles">0</span></div>
558
+ <div class="hdr-chip">TOPOLOGY <span id="hdr-topology">—</span></div>
559
+ <div class="hdr-chip" id="hdr-created-wrap" style="display:none">SINCE <span id="hdr-created">—</span></div>
560
+ </div>
561
+ <button id="stop-btn" onclick="stopCurrentOrg()" style="display:none;
562
+ font-size:9px; font-family:var(--mono); letter-spacing:1px; color:var(--red);
563
+ border:1px solid oklch(62% 0.22 25 / 0.35); background:none; padding:4px 12px;
564
+ border-radius:3px; cursor:pointer; text-transform:uppercase; transition:background 0.12s;"
565
+ onmouseover="this.style.background='oklch(62% 0.22 25 / 0.08)'"
566
+ onmouseout="this.style.background='none'">STOP</button>
567
+ </div>
568
+
569
+ <div id="main-tabs">
570
+ <button class="tab-btn active" onclick="switchTab('chart')">ORG CHART</button>
571
+ <button class="tab-btn" onclick="switchTab('roles')">ROLES</button>
572
+ <button class="tab-btn" onclick="switchTab('activity')">ACTIVITY</button>
573
+ <button class="tab-btn" onclick="switchTab('health')">HEALTH</button>
574
+ </div>
575
+
576
+ <div id="main-body">
577
+
578
+ <!-- Chart tab -->
579
+ <div class="tab-pane active" id="tab-chart">
580
+ <div id="chart-pane">
581
+ <div id="org-meta-grid">
582
+ <div class="meta-cell">
583
+ <div class="meta-cell-label">GOAL</div>
584
+ <div class="meta-cell-value" id="meta-goal" style="font-size:10px;line-height:1.5;white-space:normal;color:var(--muted)">—</div>
585
+ </div>
586
+ <div class="meta-cell">
587
+ <div class="meta-cell-label">TOPOLOGY</div>
588
+ <div class="meta-cell-value" id="meta-topology">—</div>
589
+ </div>
590
+ <div class="meta-cell">
591
+ <div class="meta-cell-label">CREATED</div>
592
+ <div class="meta-cell-value" id="meta-created" style="font-size:10px;color:var(--muted)">—</div>
593
+ </div>
594
+ </div>
595
+ <div id="chart-svg-wrap">
596
+ <svg id="org-chart-svg" viewBox="0 0 720 320">
597
+ <defs>
598
+ <marker id="arr-teal" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto">
599
+ <path d="M0,0 L0,6 L6,3 z" fill="oklch(62% 0.20 186 / 0.5)"/>
600
+ </marker>
601
+ <marker id="arr-indigo" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto">
602
+ <path d="M0,0 L0,6 L6,3 z" fill="oklch(68% 0.18 252 / 0.45)"/>
603
+ </marker>
604
+ <marker id="arr-amber" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto">
605
+ <path d="M0,0 L0,6 L6,3 z" fill="oklch(78% 0.18 80 / 0.35)"/>
606
+ </marker>
607
+ <marker id="arr-green" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto">
608
+ <path d="M0,0 L0,6 L6,3 z" fill="oklch(68% 0.20 150 / 0.4)"/>
609
+ </marker>
610
+ <filter id="node-glow" x="-50%" y="-50%" width="200%" height="200%">
611
+ <feGaussianBlur in="SourceGraphic" stdDeviation="3" result="b"/>
612
+ <feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
613
+ </filter>
614
+ </defs>
615
+ <rect width="720" height="320" fill="oklch(7% 0.008 186)"/>
616
+ <g id="oc-edges"></g>
617
+ <g id="oc-nodes"></g>
618
+ </svg>
619
+ </div>
620
+
621
+ <!-- Legend -->
622
+ <div style="display:flex; gap:16px; flex-wrap:wrap; padding:0 2px;">
623
+ <div style="display:flex; align-items:center; gap:5px; font-size:8px; color:var(--dim);">
624
+ <svg width="24" height="8"><line x1="0" y1="4" x2="24" y2="4" stroke="oklch(62% 0.20 186)" stroke-opacity="0.5" stroke-width="1.5" marker-end="url(#arr-teal)"/></svg>
625
+ COMMAND
626
+ </div>
627
+ <div style="display:flex; align-items:center; gap:5px; font-size:8px; color:var(--dim);">
628
+ <svg width="24" height="8"><line x1="0" y1="4" x2="24" y2="4" stroke="oklch(68% 0.18 252)" stroke-opacity="0.45" stroke-width="1" stroke-dasharray="4 3" marker-end="url(#arr-indigo)"/></svg>
629
+ REPORT
630
+ </div>
631
+ <div style="display:flex; align-items:center; gap:5px; font-size:8px; color:var(--dim);">
632
+ <svg width="24" height="8"><line x1="0" y1="4" x2="24" y2="4" stroke="oklch(78% 0.18 80)" stroke-opacity="0.35" stroke-width="1" stroke-dasharray="2 4" marker-end="url(#arr-amber)"/></svg>
633
+ FEEDBACK
634
+ </div>
635
+ <div style="display:flex; align-items:center; gap:5px; font-size:8px; color:var(--dim);">
636
+ <svg width="24" height="8"><line x1="0" y1="4" x2="24" y2="4" stroke="oklch(68% 0.20 150)" stroke-opacity="0.4" stroke-width="1.5" marker-end="url(#arr-green)"/></svg>
637
+ HANDOFF
638
+ </div>
639
+ </div>
640
+ </div>
641
+ </div>
642
+
643
+ <!-- Roles tab -->
644
+ <div class="tab-pane" id="tab-roles">
645
+ <div id="roles-pane">
646
+ <div id="roles-grid" class="roles-grid"></div>
647
+ </div>
648
+ </div>
649
+
650
+ <!-- Activity tab -->
651
+ <div class="tab-pane" id="tab-activity">
652
+ <div id="activity-pane">
653
+ <div id="activity-log"></div>
654
+ </div>
655
+ </div>
656
+
657
+ <!-- Health tab -->
658
+ <div class="tab-pane" id="tab-health">
659
+ <div id="health-pane">
660
+ <div id="health-grid" class="health-grid"></div>
661
+ <div id="health-detail"></div>
662
+ </div>
663
+ </div>
664
+
665
+ </div><!-- end main-body -->
666
+ </div><!-- end org-detail -->
667
+ </div><!-- end main -->
668
+ </div><!-- end app -->
669
+
670
+ <!-- ── Copy-to-project modal ── -->
671
+ <div id="copy-modal-overlay" onclick="if(event.target===this)closeCopyModal()">
672
+ <div id="copy-modal">
673
+ <div id="copy-modal-title">COPY ORG TO PROJECT</div>
674
+ <div id="copy-modal-org">—</div>
675
+ <div class="copy-modal-label">DESTINATION PROJECT PATH</div>
676
+ <input id="copy-dest-input" type="text" placeholder="/absolute/path/to/project"
677
+ onkeydown="if(event.key==='Enter')executeCopy(); if(event.key==='Escape')closeCopyModal()">
678
+ <div id="copy-modal-hint">
679
+ The org config will be written to<br>
680
+ <span style="color:var(--muted)">&lt;destination&gt;/.monomind/orgs/&lt;name&gt;.json</span>
681
+ </div>
682
+ <div id="copy-modal-status"></div>
683
+ <div class="copy-modal-actions">
684
+ <button class="cm-btn" onclick="closeCopyModal()">CANCEL</button>
685
+ <button class="cm-btn primary" id="copy-confirm-btn" onclick="executeCopy()">COPY</button>
686
+ </div>
687
+ </div>
688
+ </div>
689
+
690
+ <script>
691
+ 'use strict';
692
+
693
+ // ── State ─────────────────────────────────────────────────────────
694
+ let allOrgs = [];
695
+ let selectedOrg = null;
696
+ let orgDetailData = null;
697
+ let currentTab = 'chart';
698
+
699
+ // ── Utilities ──────────────────────────────────────────────────────
700
+ function esc(s) {
701
+ return String(s ?? '')
702
+ .replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')
703
+ .replace(/"/g,'&quot;').replace(/'/g,'&#39;');
704
+ }
705
+ function fmtDate(ts) {
706
+ if (!ts) return '—';
707
+ const d = new Date(typeof ts === 'number' ? ts : Date.parse(ts));
708
+ if (isNaN(d)) return ts;
709
+ return d.toLocaleDateString('en', {month:'short', day:'numeric', year:'numeric'});
710
+ }
711
+ function fmtTime(ts) {
712
+ if (!ts) return '';
713
+ const d = new Date(typeof ts === 'number' ? ts : Date.parse(ts));
714
+ if (isNaN(d)) return '';
715
+ return d.toLocaleTimeString('en', {hour12:false, hour:'2-digit', minute:'2-digit', second:'2-digit'});
716
+ }
717
+ function fmtEventType(t) {
718
+ const m = {
719
+ 'org:start':'START','org:stop':'STOP','org:complete':'COMPLETE',
720
+ 'org:create':'CREATE','org:heartbeat':'HB','org:agent:online':'AGENT ON',
721
+ 'org:comms':'COMMS','org:checkpoint':'CHECKPOINT',
722
+ };
723
+ return m[t] || (t || '').replace(/^org:/,'').toUpperCase();
724
+ }
725
+
726
+ // Role colors cycle
727
+ const ROLE_COLORS = [
728
+ 'oklch(62% 0.20 186)',
729
+ 'oklch(68% 0.18 252)',
730
+ 'oklch(68% 0.20 150)',
731
+ 'oklch(78% 0.18 80)',
732
+ 'oklch(62% 0.22 25)',
733
+ 'oklch(74% 0.16 310)',
734
+ ];
735
+ function roleColor(i) { return ROLE_COLORS[i % ROLE_COLORS.length]; }
736
+
737
+ // ── Tab switching ─────────────────────────────────────────────────
738
+ window.switchTab = function(tab) {
739
+ currentTab = tab;
740
+ document.querySelectorAll('.tab-btn').forEach(b => {
741
+ b.classList.toggle('active', b.textContent.toLowerCase().includes(tab) ||
742
+ (tab === 'chart' && b.textContent === 'ORG CHART') ||
743
+ (tab === 'roles' && b.textContent === 'ROLES') ||
744
+ (tab === 'activity' && b.textContent === 'ACTIVITY') ||
745
+ (tab === 'health' && b.textContent === 'HEALTH'));
746
+ });
747
+ document.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('active'));
748
+ const pane = document.getElementById('tab-' + tab);
749
+ if (pane) pane.classList.add('active');
750
+ if (orgDetailData) renderTab(tab);
751
+ };
752
+
753
+ // ── Render all orgs in sidebar ────────────────────────────────────
754
+ function renderSidebar() {
755
+ const list = document.getElementById('sb-list');
756
+ const empty = document.getElementById('sb-empty');
757
+ const dot = document.getElementById('sb-live-dot');
758
+ const statusText = document.getElementById('sb-status-text');
759
+ const runCount = document.getElementById('sb-running-count');
760
+
761
+ // Clear existing items
762
+ list.querySelectorAll('.org-item').forEach(el => el.remove());
763
+
764
+ const running = allOrgs.filter(o => o.running).length;
765
+ if (running > 0) {
766
+ dot.classList.add('on');
767
+ statusText.textContent = 'LIVE';
768
+ runCount.textContent = running + ' RUNNING';
769
+ } else {
770
+ dot.classList.remove('on');
771
+ statusText.textContent = allOrgs.length ? 'IDLE' : 'EMPTY';
772
+ runCount.textContent = '';
773
+ }
774
+
775
+ if (!allOrgs.length) {
776
+ empty.style.display = 'block';
777
+ return;
778
+ }
779
+ empty.style.display = 'none';
780
+
781
+ allOrgs.forEach(org => {
782
+ const item = document.createElement('div');
783
+ item.className = 'org-item' +
784
+ (org.running ? ' running' : '') +
785
+ (selectedOrg === org.name ? ' active' : '');
786
+ item.dataset.orgName = org.name;
787
+
788
+ const rolesCount = Array.isArray(org.roles) ? org.roles.length : (org.roles || 0);
789
+ const topo = org.topology || 'hierarchical';
790
+ const goalText = (org.goal || '').slice(0, 55) + ((org.goal || '').length > 55 ? '…' : '');
791
+
792
+ item.innerHTML = `
793
+ <div class="oi-header">
794
+ <div class="oi-dot ${org.running ? 'running' : ''}"></div>
795
+ <div class="oi-name">${esc(org.name)}</div>
796
+ <span class="oi-badge ${org.running ? 'running' : 'idle'}">${org.running ? 'LIVE' : 'IDLE'}</span>
797
+ <button class="oi-copy-btn" title="Copy org to another project">COPY</button>
798
+ </div>
799
+ ${goalText ? `<div class="oi-goal">${esc(goalText)}</div>` : ''}
800
+ <div class="oi-meta">
801
+ <span class="oi-chip">${rolesCount} <span>roles</span></span>
802
+ <span class="oi-chip">${esc(topo)}</span>
803
+ </div>`;
804
+
805
+ item.querySelector('.oi-copy-btn').addEventListener('click', e => {
806
+ e.stopPropagation();
807
+ openCopyModal(org.name);
808
+ });
809
+ item.addEventListener('click', () => selectOrg(org.name));
810
+ list.appendChild(item);
811
+ });
812
+ }
813
+
814
+ // ── Select and load an org ────────────────────────────────────────
815
+ async function selectOrg(name) {
816
+ selectedOrg = name;
817
+
818
+ // Update sidebar active state
819
+ document.querySelectorAll('.org-item').forEach(el => {
820
+ el.classList.toggle('active', el.dataset.orgName === name);
821
+ });
822
+
823
+ // Show detail area
824
+ document.getElementById('no-org-state').style.display = 'none';
825
+ const detail = document.getElementById('org-detail');
826
+ detail.style.display = 'flex';
827
+
828
+ // Basic data from list
829
+ const listOrg = allOrgs.find(o => o.name === name) || {};
830
+ updateHeader(listOrg, null);
831
+
832
+ // Fetch full data
833
+ orgDetailData = null;
834
+ try {
835
+ const [mainR, actR, healthR] = await Promise.all([
836
+ fetch(`/api/org/${encodeURIComponent(name)}`),
837
+ fetch(`/api/org/${encodeURIComponent(name)}/activity`).catch(() => null),
838
+ fetch(`/api/org/${encodeURIComponent(name)}/health`).catch(() => null),
839
+ ]);
840
+ if (!mainR.ok) throw new Error('not found');
841
+ const raw = await mainR.json();
842
+ // API returns {config, state, goals, routines, approvals, running, tasks} — flatten config to top level
843
+ orgDetailData = raw.config ? { ...raw.config, ...raw, running: raw.running } : raw;
844
+ orgDetailData._activity = actR && actR.ok ? await actR.json() : [];
845
+ orgDetailData._health = healthR && healthR.ok ? await healthR.json() : null;
846
+ } catch (e) {
847
+ orgDetailData = { ...listOrg, roles: listOrg.roles || [], communication: [] };
848
+ orgDetailData._activity = [];
849
+ orgDetailData._health = null;
850
+ }
851
+
852
+ updateHeader(listOrg, orgDetailData);
853
+ renderTab(currentTab);
854
+ }
855
+
856
+ function updateHeader(listOrg, data) {
857
+ const name = listOrg.name || selectedOrg || '—';
858
+ document.getElementById('org-name').textContent = name.toUpperCase();
859
+
860
+ const running = listOrg.running;
861
+ const badge = document.getElementById('org-status-badge');
862
+ badge.textContent = running ? 'LIVE' : 'IDLE';
863
+ badge.className = 'oi-badge ' + (running ? 'running' : 'idle');
864
+
865
+ const rolesArr = data ? (data.roles || []) : [];
866
+ const rolesCount = Array.isArray(rolesArr) ? rolesArr.length : (listOrg.roles || 0);
867
+ document.getElementById('hdr-roles').textContent = rolesCount;
868
+ document.getElementById('hdr-topology').textContent = (data?.topology || listOrg.topology || '—').toUpperCase();
869
+
870
+ const created = data?.created_at || listOrg.created_at;
871
+ if (created) {
872
+ document.getElementById('hdr-created').textContent = fmtDate(created);
873
+ document.getElementById('hdr-created-wrap').style.display = '';
874
+ }
875
+
876
+ document.getElementById('stop-btn').style.display = running ? '' : 'none';
877
+ }
878
+
879
+ // ── Tab renderers ─────────────────────────────────────────────────
880
+ function renderTab(tab) {
881
+ if (!orgDetailData) return;
882
+ if (tab === 'chart') renderChart();
883
+ else if (tab === 'roles') renderRoles();
884
+ else if (tab === 'activity') renderActivity();
885
+ else if (tab === 'health') renderHealth();
886
+ }
887
+
888
+ // ── CHART TAB ─────────────────────────────────────────────────────
889
+ function renderChart() {
890
+ const d = orgDetailData;
891
+ const roles = Array.isArray(d.roles) ? d.roles : [];
892
+ const comms = Array.isArray(d.communication) ? d.communication : [];
893
+ const running = !!(allOrgs.find(o => o.name === selectedOrg) || {}).running;
894
+
895
+ // Meta bar
896
+ document.getElementById('meta-goal').textContent = d.goal || '—';
897
+ document.getElementById('meta-topology').textContent = (d.topology || '—').toUpperCase();
898
+ document.getElementById('meta-created').textContent = fmtDate(d.created_at);
899
+
900
+ // Build SVG chart
901
+ const svgEl = document.getElementById('org-chart-svg');
902
+ const edgesG = document.getElementById('oc-edges');
903
+ const nodesG = document.getElementById('oc-nodes');
904
+ edgesG.innerHTML = '';
905
+ nodesG.innerHTML = '';
906
+
907
+ if (!roles.length) {
908
+ // Empty chart placeholder
909
+ const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
910
+ text.setAttribute('x', '360');
911
+ text.setAttribute('y', '160');
912
+ text.setAttribute('text-anchor', 'middle');
913
+ text.setAttribute('fill', 'oklch(36% 0.008 186)');
914
+ text.setAttribute('font-size', '11');
915
+ text.setAttribute('font-family', "'Azeret Mono','Space Mono',monospace");
916
+ text.setAttribute('letter-spacing', '2');
917
+ text.textContent = 'NO ROLES DEFINED';
918
+ nodesG.appendChild(text);
919
+ return;
920
+ }
921
+
922
+ // Layout: compute node positions
923
+ const W = 720, H = 320;
924
+ const topo = (d.topology || 'hierarchical').toLowerCase();
925
+ const positions = computeLayout(roles, comms, topo, W, H);
926
+
927
+ const NS = 'http://www.w3.org/2000/svg';
928
+
929
+ // Draw edges first
930
+ const markerMap = {
931
+ command: 'arr-teal', report: 'arr-indigo', feedback: 'arr-amber', handoff: 'arr-green'
932
+ };
933
+ const strokeMap = {
934
+ command: { color: 'oklch(62% 0.20 186)', opacity: 0.5, width: 1.5, dash: '' },
935
+ report: { color: 'oklch(68% 0.18 252)', opacity: 0.4, width: 1, dash: '4 3' },
936
+ feedback: { color: 'oklch(78% 0.18 80)', opacity: 0.3, width: 1, dash: '2 4' },
937
+ handoff: { color: 'oklch(68% 0.20 150)', opacity: 0.45, width: 1.5, dash: '' },
938
+ };
939
+
940
+ // Build set of edge pairs to detect anti-parallel edges (A→B + B→A)
941
+ const edgePairSet = new Set(comms.map(c => `${c.from}|${c.to}`));
942
+
943
+ comms.forEach(edge => {
944
+ const fromPos = positions[edge.from];
945
+ const toPos = positions[edge.to];
946
+ if (!fromPos || !toPos || edge.from === edge.to) return;
947
+
948
+ const style = strokeMap[edge.type] || strokeMap.command;
949
+ const marker = markerMap[edge.type] || 'arr-teal';
950
+
951
+ // Nudge endpoints toward each edge center to avoid overlap with nodes
952
+ const dx = toPos.x - fromPos.x, dy = toPos.y - fromPos.y;
953
+ const len = Math.sqrt(dx*dx + dy*dy) || 1;
954
+ const R = 24; // node radius to clear
955
+
956
+ // Perpendicular offset for anti-parallel pairs so both edges remain visible
957
+ let px = 0, py = 0;
958
+ if (edgePairSet.has(`${edge.to}|${edge.from}`)) {
959
+ const [canonFrom, canonTo] = edge.from < edge.to ? [edge.from, edge.to] : [edge.to, edge.from];
960
+ const cp = positions[canonFrom], ct = positions[canonTo];
961
+ const cdx = ct.x - cp.x, cdy = ct.y - cp.y;
962
+ const clen = Math.sqrt(cdx*cdx + cdy*cdy) || 1;
963
+ const sign = edge.from === canonFrom ? 1 : -1;
964
+ px = sign * (-cdy / clen) * 6;
965
+ py = sign * ( cdx / clen) * 6;
966
+ }
967
+
968
+ const x1 = fromPos.x + (dx/len)*R + px;
969
+ const y1 = fromPos.y + (dy/len)*R + py;
970
+ const x2 = toPos.x - (dx/len)*(R + 4) + px;
971
+ const y2 = toPos.y - (dy/len)*(R + 4) + py;
972
+
973
+ const line = document.createElementNS(NS, 'line');
974
+ line.setAttribute('x1', x1.toFixed(1));
975
+ line.setAttribute('y1', y1.toFixed(1));
976
+ line.setAttribute('x2', x2.toFixed(1));
977
+ line.setAttribute('y2', y2.toFixed(1));
978
+ line.setAttribute('stroke', style.color);
979
+ line.setAttribute('stroke-opacity', style.opacity);
980
+ line.setAttribute('stroke-width', style.width);
981
+ if (style.dash) line.setAttribute('stroke-dasharray', style.dash);
982
+ line.setAttribute('marker-end', `url(#${marker})`);
983
+ edgesG.appendChild(line);
984
+ });
985
+
986
+ // Draw nodes
987
+ roles.forEach((role, i) => {
988
+ const pos = positions[role.id];
989
+ if (!pos) return;
990
+ const isBoss = !role.reports_to || role.reports_to === role.id;
991
+ const color = roleColor(i);
992
+
993
+ const g = document.createElementNS(NS, 'g');
994
+ g.setAttribute('transform', `translate(${pos.x.toFixed(1)},${pos.y.toFixed(1)})`);
995
+
996
+ // Pulse ring (running state)
997
+ if (running) {
998
+ const pulse = document.createElementNS(NS, 'circle');
999
+ pulse.setAttribute('r', '26');
1000
+ pulse.setAttribute('class', 'oc-node-pulse running');
1001
+ pulse.setAttribute('stroke', isBoss ? 'oklch(62% 0.20 186)' : 'oklch(68% 0.20 150)');
1002
+ g.appendChild(pulse);
1003
+ }
1004
+
1005
+ // Node circle
1006
+ const circle = document.createElementNS(NS, 'circle');
1007
+ circle.setAttribute('r', '22');
1008
+ circle.setAttribute('class', `oc-node-bg ${isBoss ? 'boss' : 'peer'}`);
1009
+ circle.setAttribute('stroke', color);
1010
+ circle.setAttribute('filter', 'url(#node-glow)');
1011
+ g.appendChild(circle);
1012
+
1013
+ // Role title — abbreviated to fit circle
1014
+ const titleText = document.createElementNS(NS, 'text');
1015
+ titleText.setAttribute('class', 'oc-node-text');
1016
+ titleText.setAttribute('y', '-4');
1017
+ const title = role.title || role.id;
1018
+ const shortTitle = title.length > 10 ? title.slice(0, 9) + '…' : title;
1019
+ titleText.textContent = shortTitle;
1020
+ titleText.style.fill = color;
1021
+ g.appendChild(titleText);
1022
+
1023
+ // Agent type
1024
+ if (role.agent_type) {
1025
+ const subText = document.createElementNS(NS, 'text');
1026
+ subText.setAttribute('class', 'oc-node-sub');
1027
+ subText.setAttribute('y', '10');
1028
+ const agent = role.agent_type.length > 12 ? role.agent_type.slice(0, 11) + '…' : role.agent_type;
1029
+ subText.textContent = agent;
1030
+ g.appendChild(subText);
1031
+ }
1032
+
1033
+ nodesG.appendChild(g);
1034
+ });
1035
+ }
1036
+
1037
+ function computeLayout(roles, comms, topology, W, H) {
1038
+ const positions = {};
1039
+ const n = roles.length;
1040
+ if (n === 0) return positions;
1041
+
1042
+ const cx = W / 2, cy = H / 2;
1043
+ const PAD = 60;
1044
+
1045
+ if (topology === 'mesh') {
1046
+ // All nodes in a circle
1047
+ roles.forEach((role, i) => {
1048
+ const angle = (2 * Math.PI * i / n) - Math.PI / 2;
1049
+ const r = Math.min((W - PAD*2) / 2, (H - PAD*2) / 2) * 0.8;
1050
+ positions[role.id] = {
1051
+ x: cx + r * Math.cos(angle),
1052
+ y: cy + r * Math.sin(angle),
1053
+ };
1054
+ });
1055
+
1056
+ } else if (topology === 'star') {
1057
+ // Boss in center, others around edge
1058
+ const boss = roles.find(r => !r.reports_to) || roles[0];
1059
+ const rest = roles.filter(r => r.id !== boss.id);
1060
+ positions[boss.id] = { x: cx, y: cy };
1061
+ const r2 = Math.min((W - PAD*2) / 2, (H - PAD*2) / 2) * 0.75;
1062
+ rest.forEach((role, i) => {
1063
+ const angle = (2 * Math.PI * i / rest.length) - Math.PI / 2;
1064
+ positions[role.id] = {
1065
+ x: cx + r2 * Math.cos(angle),
1066
+ y: cy + r2 * Math.sin(angle),
1067
+ };
1068
+ });
1069
+
1070
+ } else {
1071
+ // Hierarchical: layer by reports_to depth
1072
+ const depthMap = {};
1073
+ const childMap = {};
1074
+ roles.forEach(r => {
1075
+ if (!r.reports_to || r.reports_to === r.id) { depthMap[r.id] = 0; }
1076
+ const parent = r.reports_to;
1077
+ if (parent && parent !== r.id) {
1078
+ if (!childMap[parent]) childMap[parent] = [];
1079
+ childMap[parent].push(r.id);
1080
+ }
1081
+ });
1082
+ // BFS to assign depths
1083
+ let changed = true, iter = 0;
1084
+ while (changed && iter < 20) {
1085
+ changed = false; iter++;
1086
+ roles.forEach(r => {
1087
+ if (r.reports_to && r.reports_to !== r.id && depthMap[r.reports_to] !== undefined) {
1088
+ const newDepth = (depthMap[r.reports_to] || 0) + 1;
1089
+ if (depthMap[r.id] !== newDepth) { depthMap[r.id] = newDepth; changed = true; }
1090
+ }
1091
+ });
1092
+ }
1093
+ // Assign depth 0 to any unresolved
1094
+ roles.forEach(r => { if (depthMap[r.id] === undefined) depthMap[r.id] = 1; });
1095
+
1096
+ const maxDepth = Math.max(...Object.values(depthMap));
1097
+ const layerMap = {};
1098
+ Object.entries(depthMap).forEach(([id, depth]) => {
1099
+ if (!layerMap[depth]) layerMap[depth] = [];
1100
+ layerMap[depth].push(id);
1101
+ });
1102
+
1103
+ const rowH = maxDepth > 0 ? (H - PAD * 2) / (maxDepth + 1) : H - PAD * 2;
1104
+ Object.entries(layerMap).forEach(([depth, ids]) => {
1105
+ const y = PAD + Number(depth) * rowH + (maxDepth > 0 ? rowH / 2 : H / 2);
1106
+ ids.forEach((id, i) => {
1107
+ const colW = (W - PAD * 2) / ids.length;
1108
+ const x = PAD + colW * i + colW / 2;
1109
+ positions[id] = { x, y };
1110
+ });
1111
+ });
1112
+ }
1113
+
1114
+ return positions;
1115
+ }
1116
+
1117
+ // ── ROLES TAB ─────────────────────────────────────────────────────
1118
+ function renderRoles() {
1119
+ const d = orgDetailData;
1120
+ const roles = Array.isArray(d.roles) ? d.roles : [];
1121
+ const grid = document.getElementById('roles-grid');
1122
+ grid.innerHTML = '';
1123
+
1124
+ if (!roles.length) {
1125
+ grid.innerHTML = '<div style="color:var(--dim);font-size:9px;letter-spacing:1px;">NO ROLES DEFINED</div>';
1126
+ return;
1127
+ }
1128
+
1129
+ roles.forEach((role, i) => {
1130
+ const color = roleColor(i);
1131
+ const isBoss = !role.reports_to || role.reports_to === role.id;
1132
+ const resps = Array.isArray(role.responsibilities) ? role.responsibilities : [];
1133
+
1134
+ const block = document.createElement('div');
1135
+ block.className = 'role-block';
1136
+
1137
+ block.innerHTML = `
1138
+ <div class="rb-header">
1139
+ <div class="rb-dot" style="background:${color}; box-shadow:0 0 4px ${color.replace(')', ' / 0.31)')};"></div>
1140
+ <div class="rb-title">${esc(role.title || role.id)}</div>
1141
+ ${role.agent_type ? `<span class="rb-agent">${esc(role.agent_type)}</span>` : ''}
1142
+ </div>
1143
+ <div class="rb-id">id: <span style="color:var(--muted)">${esc(role.id)}</span>${isBoss ? ' <span style="color:var(--teal);font-size:8px;margin-left:4px">BOSS</span>' : ''}</div>
1144
+ ${role.reports_to && !isBoss ? `<div class="rb-reports">reports to: <span>${esc(role.reports_to)}</span></div>` : ''}
1145
+ ${resps.length ? `<div class="rb-resps">${resps.map(r => `<div class="rb-resp-item">${esc(r)}</div>`).join('')}</div>` : ''}
1146
+ `;
1147
+
1148
+ grid.appendChild(block);
1149
+ });
1150
+ }
1151
+
1152
+ // ── ACTIVITY TAB ─────────────────────────────────────────────────
1153
+ function renderActivity() {
1154
+ const log = document.getElementById('activity-log');
1155
+ const activity = orgDetailData._activity;
1156
+
1157
+ // Also inject org event log from SSE-captured events
1158
+ const orgEvents = orgEventLog[selectedOrg] || [];
1159
+
1160
+ // Merge and sort
1161
+ let events = [];
1162
+ if (Array.isArray(activity)) events = [...activity];
1163
+ events.push(...orgEvents);
1164
+ events.sort((a, b) => (b.ts || 0) - (a.ts || 0));
1165
+
1166
+ if (!events.length) {
1167
+ log.innerHTML = '<div class="act-empty">NO ACTIVITY RECORDED</div>';
1168
+ return;
1169
+ }
1170
+
1171
+ log.innerHTML = events.slice(0, 80).map(ev => {
1172
+ const t = fmtTime(ev.ts);
1173
+ const type = fmtEventType(ev.type);
1174
+ const detail = ev.role ? ev.role : ev.msg ? ev.msg : ev.agent ? ev.agent : '';
1175
+ return `<div class="act-row">
1176
+ <span class="act-time">${esc(t)}</span>
1177
+ <span class="act-type">${esc(type)}</span>
1178
+ <span class="act-msg">${esc(detail)}</span>
1179
+ </div>`;
1180
+ }).join('');
1181
+ }
1182
+
1183
+ // ── HEALTH TAB ─────────────────────────────────────────────────────
1184
+ function renderHealth() {
1185
+ const health = orgDetailData._health;
1186
+ const listOrg = allOrgs.find(o => o.name === selectedOrg) || {};
1187
+ const roles = Array.isArray(orgDetailData.roles) ? orgDetailData.roles : [];
1188
+ const running = listOrg.running;
1189
+
1190
+ const grid = document.getElementById('health-grid');
1191
+ const detail = document.getElementById('health-detail');
1192
+
1193
+ grid.innerHTML = `
1194
+ <div class="health-cell">
1195
+ <div class="hc-label">STATUS</div>
1196
+ <div class="hc-value ${running ? 'green' : ''}">${running ? 'LIVE' : 'IDLE'}</div>
1197
+ </div>
1198
+ <div class="health-cell">
1199
+ <div class="hc-label">ROLES</div>
1200
+ <div class="hc-value">${roles.length}</div>
1201
+ </div>
1202
+ <div class="health-cell">
1203
+ <div class="hc-label">TOPOLOGY</div>
1204
+ <div class="hc-value" style="font-size:13px">${esc((orgDetailData.topology || '—').toUpperCase())}</div>
1205
+ </div>
1206
+ ${health?.agents_active !== undefined ? `
1207
+ <div class="health-cell">
1208
+ <div class="hc-label">AGENTS</div>
1209
+ <div class="hc-value ${health.agents_active > 0 ? 'green' : ''}">${health.agents_active}</div>
1210
+ <div class="hc-sub">active</div>
1211
+ </div>` : ''}
1212
+ ${health?.tasks_pending !== undefined ? `
1213
+ <div class="health-cell">
1214
+ <div class="hc-label">TASKS</div>
1215
+ <div class="hc-value ${health.tasks_pending > 5 ? 'amber' : ''}">${health.tasks_pending}</div>
1216
+ <div class="hc-sub">pending</div>
1217
+ </div>` : ''}
1218
+ `;
1219
+
1220
+ if (health?.errors && health.errors.length) {
1221
+ detail.innerHTML = `
1222
+ <div style="margin-top:16px">
1223
+ <div style="font-size:8px;letter-spacing:2px;color:var(--dim);margin-bottom:8px">RECENT ERRORS</div>
1224
+ ${health.errors.slice(0,5).map(e => `
1225
+ <div style="font-size:9px;color:var(--red);padding:5px 0;border-bottom:1px solid oklch(62% 0.22 25 / 0.1)">
1226
+ ${esc(e)}
1227
+ </div>`).join('')}
1228
+ </div>`;
1229
+ } else {
1230
+ detail.innerHTML = health ? `
1231
+ <div style="margin-top:16px;font-size:9px;color:var(--dim);letter-spacing:1px;">
1232
+ ${running ? 'ORG IS RUNNING — NO ERRORS DETECTED' : 'ORG IS IDLE'}
1233
+ </div>` : `
1234
+ <div style="margin-top:16px;font-size:9px;color:var(--dim);letter-spacing:1px;">
1235
+ HEALTH DATA UNAVAILABLE
1236
+ </div>`;
1237
+ }
1238
+ }
1239
+
1240
+ // ── Stop org action ────────────────────────────────────────────────
1241
+ window.stopCurrentOrg = async function() {
1242
+ if (!selectedOrg) return;
1243
+ try {
1244
+ await fetch(`/api/orgs/${encodeURIComponent(selectedOrg)}/stop`, { method: 'POST' });
1245
+ setTimeout(loadOrgs, 600);
1246
+ } catch (_) {}
1247
+ };
1248
+
1249
+ // ── SSE org events ────────────────────────────────────────────────
1250
+ const orgEventLog = {};
1251
+
1252
+ let evtSource = null;
1253
+ function connectSSE() {
1254
+ if (evtSource) evtSource.close();
1255
+ evtSource = new EventSource('/api/events');
1256
+ evtSource.onmessage = e => {
1257
+ try {
1258
+ const ev = JSON.parse(e.data);
1259
+ if (ev && typeof ev.org === 'string' && ev.type && ev.type.startsWith('org:')) {
1260
+ const name = ev.org;
1261
+ if (!orgEventLog[name]) orgEventLog[name] = [];
1262
+ orgEventLog[name].push(ev);
1263
+ if (orgEventLog[name].length > 50) orgEventLog[name].shift();
1264
+
1265
+ // Refresh if this org is selected
1266
+ if (name === selectedOrg && currentTab === 'activity') {
1267
+ renderActivity();
1268
+ }
1269
+ // Reload org list if start/stop event
1270
+ if (ev.type === 'org:start' || ev.type === 'org:stop') {
1271
+ setTimeout(loadOrgs, 400);
1272
+ }
1273
+ }
1274
+ } catch (_) {}
1275
+ };
1276
+ evtSource.onerror = () => {
1277
+ setTimeout(connectSSE, 5000);
1278
+ };
1279
+ }
1280
+
1281
+ // ── Data loading ──────────────────────────────────────────────────
1282
+ async function loadOrgs() {
1283
+ try {
1284
+ const r = await fetch('/api/orgs');
1285
+ allOrgs = await r.json();
1286
+ if (!Array.isArray(allOrgs)) allOrgs = [];
1287
+ } catch (_) {
1288
+ allOrgs = [];
1289
+ }
1290
+ renderSidebar();
1291
+
1292
+ // Re-render detail if selected org changed running state
1293
+ if (selectedOrg && orgDetailData) {
1294
+ const listOrg = allOrgs.find(o => o.name === selectedOrg);
1295
+ if (listOrg) updateHeader(listOrg, orgDetailData);
1296
+ }
1297
+ }
1298
+
1299
+ // ── Copy org modal ────────────────────────────────────────────────
1300
+ let copyTargetOrg = null;
1301
+
1302
+ window.openCopyModal = function(name) {
1303
+ copyTargetOrg = name;
1304
+ document.getElementById('copy-modal-org').textContent = name.toUpperCase();
1305
+ document.getElementById('copy-dest-input').value = '';
1306
+ document.getElementById('copy-modal-status').textContent = '';
1307
+ document.getElementById('copy-modal-status').className = '';
1308
+ document.getElementById('copy-confirm-btn').disabled = false;
1309
+ document.getElementById('copy-modal-overlay').classList.add('open');
1310
+ setTimeout(() => document.getElementById('copy-dest-input').focus(), 60);
1311
+ };
1312
+
1313
+ window.closeCopyModal = function() {
1314
+ document.getElementById('copy-modal-overlay').classList.remove('open');
1315
+ copyTargetOrg = null;
1316
+ };
1317
+
1318
+ window.executeCopy = async function() {
1319
+ if (!copyTargetOrg) return;
1320
+ const destination = document.getElementById('copy-dest-input').value.trim();
1321
+ const status = document.getElementById('copy-modal-status');
1322
+ const btn = document.getElementById('copy-confirm-btn');
1323
+ if (!destination) {
1324
+ status.textContent = 'ENTER A DESTINATION PATH';
1325
+ status.className = 'err';
1326
+ return;
1327
+ }
1328
+ btn.disabled = true;
1329
+ status.textContent = 'COPYING…';
1330
+ status.className = '';
1331
+ try {
1332
+ const r = await fetch(`/api/orgs/${encodeURIComponent(copyTargetOrg)}/copy`, {
1333
+ method: 'POST',
1334
+ headers: { 'Content-Type': 'application/json' },
1335
+ body: JSON.stringify({ destination }),
1336
+ });
1337
+ const data = await r.json();
1338
+ if (r.ok && data.ok) {
1339
+ status.textContent = 'COPIED — ' + (data.destFile || destination);
1340
+ status.className = 'ok';
1341
+ setTimeout(closeCopyModal, 2000);
1342
+ } else {
1343
+ status.textContent = 'ERROR: ' + (data.error || r.statusText);
1344
+ status.className = 'err';
1345
+ btn.disabled = false;
1346
+ }
1347
+ } catch(e) {
1348
+ status.textContent = 'ERROR: ' + e.message;
1349
+ status.className = 'err';
1350
+ btn.disabled = false;
1351
+ }
1352
+ };
1353
+
1354
+ // ── Bootstrap ─────────────────────────────────────────────────────
1355
+ connectSSE();
1356
+ loadOrgs();
1357
+ setInterval(loadOrgs, 8000);
1358
+ </script>
1359
+ </body>
1360
+ </html>