@jaimevalasek/aioson 1.5.1 → 1.7.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 (341) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +729 -226
  3. package/docs/design-previews/aurora-command-ui-website.html +884 -0
  4. package/docs/design-previews/aurora-command-ui.html +682 -0
  5. package/docs/design-previews/bold-editorial-ui-website.html +658 -0
  6. package/docs/design-previews/bold-editorial-ui.html +717 -0
  7. package/docs/design-previews/clean-saas-ui-website.html +1202 -0
  8. package/docs/design-previews/clean-saas-ui.html +549 -0
  9. package/docs/design-previews/cognitive-core-ui-website.html +1009 -0
  10. package/docs/design-previews/cognitive-core-ui.html +463 -0
  11. package/docs/design-previews/glassmorphism-ui-website.html +572 -0
  12. package/docs/design-previews/glassmorphism-ui.html +886 -0
  13. package/docs/design-previews/index.html +699 -0
  14. package/docs/design-previews/interface-design-website.html +1187 -0
  15. package/docs/design-previews/interface-design.html +513 -0
  16. package/docs/design-previews/neo-brutalist-ui-website.html +621 -0
  17. package/docs/design-previews/neo-brutalist-ui.html +797 -0
  18. package/docs/design-previews/premium-command-center-ui-website.html +1217 -0
  19. package/docs/design-previews/premium-command-center-ui.html +552 -0
  20. package/docs/design-previews/pt.squarespace.com-homepage.html +889 -0
  21. package/docs/design-previews/warm-craft-ui-website.html +684 -0
  22. package/docs/design-previews/warm-craft-ui.html +739 -0
  23. package/docs/en/cli-reference.md +20 -9
  24. package/docs/integrations/sdlc-genius-boundary.md +76 -0
  25. package/docs/integrations/sdlc-genius-eval-matrix.md +75 -0
  26. package/docs/integrations/sdlc-genius-install-checklist.md +93 -0
  27. package/docs/integrations/sdlc-genius-review-samples.md +86 -0
  28. package/docs/pt/README.md +10 -0
  29. package/docs/pt/agent-sharding.md +132 -0
  30. package/docs/pt/agentes.md +9 -2
  31. package/docs/pt/busca-de-contexto.md +129 -0
  32. package/docs/pt/cache-de-contexto.md +156 -0
  33. package/docs/pt/comandos-cli.md +915 -1
  34. package/docs/pt/design-hybrid-forge.md +356 -0
  35. package/docs/pt/devlog-pipeline.md +270 -0
  36. package/docs/pt/fluxo-artefatos.md +178 -0
  37. package/docs/pt/hooks-session-guard.md +454 -0
  38. package/docs/pt/inicio-rapido.md +54 -3
  39. package/docs/pt/inteligencia-adaptativa.md +324 -0
  40. package/docs/pt/monitor-de-contexto.md +158 -0
  41. package/docs/pt/recuperacao-de-sessao.md +125 -0
  42. package/docs/pt/sandbox.md +125 -0
  43. package/docs/pt/sdd-automation-scripts.md +557 -0
  44. package/docs/pt/site-forge.md +309 -0
  45. package/docs/pt/skills.md +98 -6
  46. package/docs/pt/spec-learnings-pipeline.md +265 -0
  47. package/package.json +1 -1
  48. package/src/a2a/client.js +165 -0
  49. package/src/a2a/server.js +223 -0
  50. package/src/agent-loader.js +280 -0
  51. package/src/cli.js +329 -1
  52. package/src/commands/agent-audit.js +397 -0
  53. package/src/commands/agent-export-skill.js +229 -0
  54. package/src/commands/agent-loader.js +85 -0
  55. package/src/commands/artifact-validate.js +189 -0
  56. package/src/commands/brief-gen.js +405 -0
  57. package/src/commands/brief-validate.js +65 -0
  58. package/src/commands/classify.js +256 -0
  59. package/src/commands/context-cache.js +90 -0
  60. package/src/commands/context-compact.js +49 -0
  61. package/src/commands/context-health.js +175 -0
  62. package/src/commands/context-monitor.js +163 -0
  63. package/src/commands/context-search.js +66 -0
  64. package/src/commands/context-trim.js +177 -0
  65. package/src/commands/design-hybrid-options.js +385 -0
  66. package/src/commands/detect-test-runner.js +55 -0
  67. package/src/commands/devlog-export-brains.js +27 -0
  68. package/src/commands/devlog-process.js +292 -0
  69. package/src/commands/devlog-watch.js +131 -0
  70. package/src/commands/feature-close.js +165 -0
  71. package/src/commands/gate-check.js +228 -0
  72. package/src/commands/health.js +214 -0
  73. package/src/commands/hooks-emit.js +253 -0
  74. package/src/commands/hooks-install.js +347 -0
  75. package/src/commands/init.js +54 -13
  76. package/src/commands/install.js +52 -13
  77. package/src/commands/learning-auto-promote.js +195 -0
  78. package/src/commands/learning-evolve.js +364 -0
  79. package/src/commands/learning-export.js +103 -0
  80. package/src/commands/learning-rollback.js +164 -0
  81. package/src/commands/live.js +59 -1
  82. package/src/commands/pattern-detect.js +33 -0
  83. package/src/commands/preflight-context.js +30 -0
  84. package/src/commands/preflight.js +208 -0
  85. package/src/commands/pulse-update.js +130 -0
  86. package/src/commands/recovery.js +43 -0
  87. package/src/commands/runner-daemon.js +274 -0
  88. package/src/commands/runner-plan.js +70 -0
  89. package/src/commands/runner-queue-from-plan.js +166 -0
  90. package/src/commands/runner-queue.js +189 -0
  91. package/src/commands/runner-run.js +129 -0
  92. package/src/commands/runtime.js +47 -1
  93. package/src/commands/sandbox.js +37 -0
  94. package/src/commands/self-implement-loop.js +256 -0
  95. package/src/commands/session-guard.js +218 -0
  96. package/src/commands/setup-context.js +22 -2
  97. package/src/commands/setup.js +178 -0
  98. package/src/commands/sizing.js +165 -0
  99. package/src/commands/skill.js +144 -32
  100. package/src/commands/spec-checkpoint.js +177 -0
  101. package/src/commands/spec-status.js +79 -0
  102. package/src/commands/spec-sync.js +190 -0
  103. package/src/commands/spec-tasks.js +288 -0
  104. package/src/commands/squad-autorun.js +1220 -0
  105. package/src/commands/squad-bus.js +217 -0
  106. package/src/commands/squad-card.js +149 -0
  107. package/src/commands/squad-daemon.js +134 -0
  108. package/src/commands/squad-dependency-graph.js +164 -0
  109. package/src/commands/squad-review.js +106 -0
  110. package/src/commands/squad-scaffold.js +55 -0
  111. package/src/commands/squad-tool-register.js +157 -0
  112. package/src/commands/state-save.js +122 -0
  113. package/src/commands/tool-registry-cmd.js +232 -0
  114. package/src/commands/update.js +9 -0
  115. package/src/commands/verify-gate.js +572 -0
  116. package/src/commands/workflow-execute.js +241 -0
  117. package/src/constants.js +18 -0
  118. package/src/context-cache.js +159 -0
  119. package/src/context-search.js +326 -0
  120. package/src/design-variation-catalog.js +503 -0
  121. package/src/i18n/messages/en.js +32 -2
  122. package/src/i18n/messages/es.js +30 -2
  123. package/src/i18n/messages/fr.js +30 -2
  124. package/src/i18n/messages/pt-BR.js +32 -2
  125. package/src/install-animation.js +260 -0
  126. package/src/install-profile.js +143 -0
  127. package/src/install-wizard.js +475 -0
  128. package/src/installer.js +44 -10
  129. package/src/lib/health-check.js +158 -0
  130. package/src/lib/hook-protocol.js +76 -0
  131. package/src/mcp/apps/squad-dashboard/app.js +163 -0
  132. package/src/mcp/apps/squad-dashboard/index.html +261 -0
  133. package/src/mcp/apps/squad-dashboard/mcp-manifest.json +23 -0
  134. package/src/mcp/resources/squad-state.js +130 -0
  135. package/src/parser.js +7 -1
  136. package/src/preflight-engine.js +443 -0
  137. package/src/recovery-context-session.js +154 -0
  138. package/src/runner/cascade.js +97 -0
  139. package/src/runner/cli-launcher.js +109 -0
  140. package/src/runner/plan-importer.js +63 -0
  141. package/src/runner/queue-store.js +159 -0
  142. package/src/runtime-store.js +158 -4
  143. package/src/sandbox.js +177 -0
  144. package/src/squad/agent-teams-adapter.js +264 -0
  145. package/src/squad/brief-validator.js +350 -0
  146. package/src/squad/bus-bridge.js +140 -0
  147. package/src/squad/context-compactor.js +265 -0
  148. package/src/squad/cross-ai-synthesizer.js +250 -0
  149. package/src/squad/hooks-generator.js +196 -0
  150. package/src/squad/inter-squad-events.js +175 -0
  151. package/src/squad/intra-bus.js +345 -0
  152. package/src/squad/learning-extractor.js +213 -0
  153. package/src/squad/pattern-detector.js +365 -0
  154. package/src/squad/preflight-context.js +296 -0
  155. package/src/squad/recovery-context.js +242 -71
  156. package/src/squad/reflection.js +365 -0
  157. package/src/squad/squad-scaffold.js +177 -0
  158. package/src/squad/state-manager.js +310 -0
  159. package/src/squad/task-decomposer.js +652 -0
  160. package/src/squad/verify-gate.js +303 -0
  161. package/src/tool-executor.js +94 -0
  162. package/src/updater.js +10 -3
  163. package/src/worker-runner.js +186 -1
  164. package/template/.aioson/agents/analyst.md +119 -3
  165. package/template/.aioson/agents/architect.md +98 -0
  166. package/template/.aioson/agents/design-hybrid-forge.md +141 -0
  167. package/template/.aioson/agents/dev.md +335 -14
  168. package/template/.aioson/agents/deyvin.md +117 -2
  169. package/template/.aioson/agents/discovery-design-doc.md +44 -0
  170. package/template/.aioson/agents/genome.md +14 -0
  171. package/template/.aioson/agents/neo.md +78 -1
  172. package/template/.aioson/agents/orache.md +50 -4
  173. package/template/.aioson/agents/orchestrator.md +197 -1
  174. package/template/.aioson/agents/pm.md +93 -0
  175. package/template/.aioson/agents/product.md +77 -4
  176. package/template/.aioson/agents/profiler-enricher.md +14 -0
  177. package/template/.aioson/agents/profiler-forge.md +14 -0
  178. package/template/.aioson/agents/profiler-researcher.md +14 -0
  179. package/template/.aioson/agents/qa.md +249 -19
  180. package/template/.aioson/agents/setup.md +144 -12
  181. package/template/.aioson/agents/sheldon.md +237 -11
  182. package/template/.aioson/agents/site-forge.md +1753 -0
  183. package/template/.aioson/agents/squad.md +162 -0
  184. package/template/.aioson/agents/tester.md +209 -0
  185. package/template/.aioson/agents/ux-ui.md +34 -1
  186. package/template/.aioson/brains/README.md +128 -0
  187. package/template/.aioson/brains/_index.json +16 -0
  188. package/template/.aioson/brains/scripts/query.js +103 -0
  189. package/template/.aioson/brains/site-forge/visual-patterns.brain.json +205 -0
  190. package/template/.aioson/config.md +158 -13
  191. package/template/.aioson/constitution.md +33 -0
  192. package/template/.aioson/context/forensics/.gitkeep +0 -0
  193. package/template/.aioson/context/project-pulse.md +34 -0
  194. package/template/.aioson/context/seeds/seed-example.md +27 -0
  195. package/template/.aioson/context/user-profile.md +42 -0
  196. package/template/.aioson/docs/LAYERS.md +79 -0
  197. package/template/.aioson/docs/README.md +76 -0
  198. package/template/.aioson/docs/example-external-api-context.md +72 -0
  199. package/template/.aioson/locales/en/agents/architect.md +17 -0
  200. package/template/.aioson/locales/en/agents/dev.md +79 -13
  201. package/template/.aioson/locales/en/agents/orache.md +6 -0
  202. package/template/.aioson/locales/en/agents/orchestrator.md +24 -0
  203. package/template/.aioson/locales/en/agents/product.md +50 -0
  204. package/template/.aioson/locales/en/agents/setup.md +33 -1
  205. package/template/.aioson/locales/en/agents/sheldon.md +115 -0
  206. package/template/.aioson/locales/en/agents/squad.md +14 -0
  207. package/template/.aioson/locales/en/agents/tester.md +6 -0
  208. package/template/.aioson/locales/es/agents/analyst.md +2 -0
  209. package/template/.aioson/locales/es/agents/architect.md +19 -0
  210. package/template/.aioson/locales/es/agents/dev.md +64 -4
  211. package/template/.aioson/locales/es/agents/deyvin.md +2 -0
  212. package/template/.aioson/locales/es/agents/discovery-design-doc.md +2 -0
  213. package/template/.aioson/locales/es/agents/genome.md +2 -0
  214. package/template/.aioson/locales/es/agents/neo.md +2 -0
  215. package/template/.aioson/locales/es/agents/orache.md +2 -0
  216. package/template/.aioson/locales/es/agents/orchestrator.md +26 -0
  217. package/template/.aioson/locales/es/agents/pair.md +2 -0
  218. package/template/.aioson/locales/es/agents/pm.md +2 -0
  219. package/template/.aioson/locales/es/agents/product.md +52 -0
  220. package/template/.aioson/locales/es/agents/profiler-enricher.md +2 -0
  221. package/template/.aioson/locales/es/agents/profiler-forge.md +2 -0
  222. package/template/.aioson/locales/es/agents/profiler-researcher.md +2 -0
  223. package/template/.aioson/locales/es/agents/qa.md +2 -0
  224. package/template/.aioson/locales/es/agents/setup.md +35 -1
  225. package/template/.aioson/locales/es/agents/sheldon.md +117 -0
  226. package/template/.aioson/locales/es/agents/squad.md +16 -0
  227. package/template/.aioson/locales/es/agents/tester.md +9 -0
  228. package/template/.aioson/locales/es/agents/ux-ui.md +2 -0
  229. package/template/.aioson/locales/fr/agents/analyst.md +2 -0
  230. package/template/.aioson/locales/fr/agents/architect.md +19 -0
  231. package/template/.aioson/locales/fr/agents/dev.md +64 -4
  232. package/template/.aioson/locales/fr/agents/deyvin.md +2 -0
  233. package/template/.aioson/locales/fr/agents/discovery-design-doc.md +2 -0
  234. package/template/.aioson/locales/fr/agents/genome.md +2 -0
  235. package/template/.aioson/locales/fr/agents/neo.md +2 -0
  236. package/template/.aioson/locales/fr/agents/orache.md +2 -0
  237. package/template/.aioson/locales/fr/agents/orchestrator.md +26 -0
  238. package/template/.aioson/locales/fr/agents/pair.md +2 -0
  239. package/template/.aioson/locales/fr/agents/pm.md +2 -0
  240. package/template/.aioson/locales/fr/agents/product.md +52 -0
  241. package/template/.aioson/locales/fr/agents/profiler-enricher.md +2 -0
  242. package/template/.aioson/locales/fr/agents/profiler-forge.md +2 -0
  243. package/template/.aioson/locales/fr/agents/profiler-researcher.md +2 -0
  244. package/template/.aioson/locales/fr/agents/qa.md +2 -0
  245. package/template/.aioson/locales/fr/agents/setup.md +35 -1
  246. package/template/.aioson/locales/fr/agents/sheldon.md +117 -0
  247. package/template/.aioson/locales/fr/agents/squad.md +16 -0
  248. package/template/.aioson/locales/fr/agents/tester.md +9 -0
  249. package/template/.aioson/locales/fr/agents/ux-ui.md +2 -0
  250. package/template/.aioson/locales/pt-BR/agents/analyst.md +64 -3
  251. package/template/.aioson/locales/pt-BR/agents/architect.md +42 -0
  252. package/template/.aioson/locales/pt-BR/agents/dev.md +147 -14
  253. package/template/.aioson/locales/pt-BR/agents/deyvin.md +47 -0
  254. package/template/.aioson/locales/pt-BR/agents/neo.md +62 -1
  255. package/template/.aioson/locales/pt-BR/agents/orchestrator.md +158 -2
  256. package/template/.aioson/locales/pt-BR/agents/pm.md +95 -1
  257. package/template/.aioson/locales/pt-BR/agents/product.md +145 -18
  258. package/template/.aioson/locales/pt-BR/agents/qa.md +16 -0
  259. package/template/.aioson/locales/pt-BR/agents/setup.md +134 -19
  260. package/template/.aioson/locales/pt-BR/agents/sheldon.md +132 -1
  261. package/template/.aioson/locales/pt-BR/agents/squad.md +14 -0
  262. package/template/.aioson/locales/pt-BR/agents/tester.md +449 -0
  263. package/template/.aioson/rules/README.md +69 -0
  264. package/template/.aioson/rules/data-format-convention.md +136 -0
  265. package/template/.aioson/rules/example-monetary-values.md +30 -0
  266. package/template/.aioson/schemas/squad-manifest.schema.json +124 -3
  267. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -0
  268. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -0
  269. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -0
  270. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -0
  271. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -0
  272. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -0
  273. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -0
  274. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -0
  275. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -0
  276. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -0
  277. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -0
  278. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -0
  279. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -0
  280. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -0
  281. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -0
  282. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -0
  283. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -0
  284. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -0
  285. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -0
  286. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -0
  287. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -0
  288. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -0
  289. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -0
  290. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -0
  291. package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -0
  292. package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +66 -0
  293. package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +368 -0
  294. package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -0
  295. package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -0
  296. package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -0
  297. package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +165 -0
  298. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +46 -0
  299. package/template/.aioson/skills/process/aioson-spec-driven/references/analyst.md +30 -0
  300. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -0
  301. package/template/.aioson/skills/process/aioson-spec-driven/references/architect.md +23 -0
  302. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -0
  303. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -0
  304. package/template/.aioson/skills/process/aioson-spec-driven/references/dev.md +47 -0
  305. package/template/.aioson/skills/process/aioson-spec-driven/references/deyvin.md +27 -0
  306. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -0
  307. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +101 -0
  308. package/template/.aioson/skills/process/aioson-spec-driven/references/product.md +25 -0
  309. package/template/.aioson/skills/process/aioson-spec-driven/references/qa.md +30 -0
  310. package/template/.aioson/skills/process/aioson-spec-driven/references/sheldon.md +25 -0
  311. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -0
  312. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +147 -0
  313. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -0
  314. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -0
  315. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +306 -0
  316. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +149 -0
  317. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +208 -0
  318. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -0
  319. package/template/.aioson/skills/process/simplify/SKILL.md +173 -0
  320. package/template/.aioson/skills/static/context-budget-guide.md +46 -0
  321. package/template/.aioson/skills/static/harness-sensors.md +74 -0
  322. package/template/.aioson/skills/static/multi-agent-patterns.md +43 -0
  323. package/template/.aioson/skills/static/react-motion-patterns.md +22 -0
  324. package/template/.aioson/skills/static/static-html-patterns/checklists.md +43 -0
  325. package/template/.aioson/skills/static/static-html-patterns/css-tokens.md +609 -0
  326. package/template/.aioson/skills/static/static-html-patterns/motion.md +193 -0
  327. package/template/.aioson/skills/static/static-html-patterns/premium.md +711 -0
  328. package/template/.aioson/skills/static/static-html-patterns/structure.md +209 -0
  329. package/template/.aioson/skills/static/static-html-patterns/utilities.md +190 -0
  330. package/template/.aioson/skills/static/static-html-patterns.md +58 -1913
  331. package/template/.aioson/skills/static/threejs-patterns.md +929 -0
  332. package/template/.aioson/skills/static/web-research-cache.md +112 -0
  333. package/template/.aioson/tasks/implementation-plan.md +21 -1
  334. package/template/.claude/commands/aioson/agent/design-hybrid-forge.md +5 -0
  335. package/template/.claude/commands/aioson/agent/orache.md +5 -0
  336. package/template/.claude/commands/aioson/agent/sheldon.md +5 -0
  337. package/template/.claude/commands/aioson/agent/site-forge.md +5 -0
  338. package/template/AGENTS.md +75 -1
  339. package/template/CLAUDE.md +31 -0
  340. package/template/OPENCODE.md +4 -0
  341. package/template/researchs/.gitkeep +0 -0
package/docs/design-previews/premium-command-center-ui.html ADDED
@@ -0,0 +1,552 @@
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>Premium Command Center — AIOSON Design Skill</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --base: #0b1015;
15
+ --surface: #10161d;
16
+ --elevated: #151c24;
17
+ --sunken: #080c11;
18
+ --border: rgba(255,255,255,0.08);
19
+ --border-strong: rgba(255,255,255,0.15);
20
+ --border-accent: rgba(99,179,237,0.30);
21
+ --accent: #63b3ed;
22
+ --accent-muted: #4a90a4;
23
+ --accent-bg: rgba(99,179,237,0.06);
24
+ --fg: #f3f7fb;
25
+ --fg-sec: #b7c2cf;
26
+ --fg-muted: #7f8b99;
27
+ --green: #38a169;
28
+ --amber: #d97706;
29
+ --red: #e53e3e;
30
+ --blue: #4299e1;
31
+ --left-nav: 240px;
32
+ --right-rail: 280px;
33
+ --topbar: 52px;
34
+ }
35
+
36
+ html, body { height: 100%; font-family: 'Inter', system-ui, sans-serif; background: var(--base); color: var(--fg-sec); font-size: 13.5px; line-height: 1.5; }
37
+
38
+ /* AIOSON badge */
39
+ .aioson-badge {
40
+ position: fixed; top: 10px; right: 10px; z-index: 9999;
41
+ background: rgba(99,179,237,0.15); color: var(--accent);
42
+ border: 1px solid var(--border-accent);
43
+ font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600;
44
+ letter-spacing: 0.06em; padding: 4px 10px; border-radius: 9999px;
45
+ pointer-events: none;
46
+ }
47
+
48
+ /* Aurora field */
49
+ .aurora {
50
+ position: fixed; inset: 0; z-index: 0; pointer-events: none;
51
+ background: radial-gradient(ellipse 60% 50% at 0% 0%, rgba(99,179,237,0.04) 0%, transparent 70%);
52
+ }
53
+
54
+ .mono { font-family: 'JetBrains Mono', monospace; }
55
+
56
+ /* Layout */
57
+ .shell { display: flex; height: 100vh; flex-direction: column; position: relative; z-index: 1; overflow: hidden; }
58
+
59
+ /* Top bar */
60
+ .topbar {
61
+ height: var(--topbar); flex-shrink: 0;
62
+ background: var(--surface); border-bottom: 1px solid var(--border);
63
+ display: flex; align-items: center; gap: 12px; padding: 0 16px;
64
+ position: relative; z-index: 10;
65
+ }
66
+ .topbar-logo { display: flex; align-items: center; gap: 9px; width: calc(var(--left-nav) - 16px); flex-shrink: 0; }
67
+ .logo-gem {
68
+ width: 26px; height: 26px; border-radius: 5px;
69
+ background: linear-gradient(135deg, var(--accent-muted), var(--accent));
70
+ display: flex; align-items: center; justify-content: center; flex-shrink: 0;
71
+ }
72
+ .logo-inner { width: 8px; height: 8px; border-radius: 1px; background: var(--base); }
73
+ .logo-wordmark { font-size: 13px; font-weight: 600; color: var(--fg); letter-spacing: -0.01em; }
74
+ .logo-version { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: var(--fg-muted); }
75
+
76
+ /* Search bar */
77
+ .search-bar {
78
+ flex: 1; max-width: 400px; margin: 0 auto;
79
+ height: 32px; background: var(--sunken);
80
+ border: 1px solid var(--border); border-radius: 6px;
81
+ display: flex; align-items: center; padding: 0 12px; gap: 8px;
82
+ }
83
+ .search-icon { flex-shrink: 0; opacity: 0.4; }
84
+ .search-input {
85
+ flex: 1; background: none; border: none; outline: none;
86
+ font-family: 'Inter', sans-serif; font-size: 12.5px; color: var(--fg-sec);
87
+ }
88
+ .search-input::placeholder { color: var(--fg-muted); }
89
+ .search-kbd {
90
+ font-family: 'JetBrains Mono', monospace; font-size: 9.5px;
91
+ color: var(--fg-muted); background: var(--border); border-radius: 3px;
92
+ padding: 1px 5px; border: 1px solid var(--border-strong);
93
+ }
94
+
95
+ /* Status indicators */
96
+ .status-row { display: flex; align-items: center; gap: 12px; margin-left: auto; }
97
+ .status-indicator { display: flex; align-items: center; gap: 5px; }
98
+ .status-dot { width: 6px; height: 6px; border-radius: 9999px; flex-shrink: 0; }
99
+ .status-dot-green { background: var(--green); box-shadow: 0 0 5px var(--green); }
100
+ .status-dot-amber { background: var(--amber); }
101
+ .status-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--fg-muted); letter-spacing: 0.06em; }
102
+ .divider-v { width: 1px; height: 18px; background: var(--border); }
103
+ .topbar-btn {
104
+ height: 28px; padding: 0 10px; border-radius: 5px;
105
+ border: 1px solid var(--border); background: none;
106
+ font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 500;
107
+ color: var(--fg-sec); cursor: pointer;
108
+ display: flex; align-items: center; gap: 5px;
109
+ }
110
+ .topbar-btn:hover { background: var(--elevated); border-color: var(--border-strong); }
111
+
112
+ /* Tri-rail body */
113
+ .tri-rail { flex: 1; display: flex; min-height: 0; }
114
+
115
+ /* Left nav */
116
+ .left-nav {
117
+ width: var(--left-nav); flex-shrink: 0;
118
+ background: var(--surface); border-right: 1px solid var(--border);
119
+ display: flex; flex-direction: column; overflow-y: auto;
120
+ }
121
+ .nav-header { padding: 16px 16px 8px; }
122
+ .nav-section-tag {
123
+ font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 500;
124
+ letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-muted);
125
+ padding: 0 16px; margin-bottom: 4px; margin-top: 16px;
126
+ }
127
+ .nav-item {
128
+ display: flex; align-items: center; gap: 9px;
129
+ padding: 0 14px; height: 34px; cursor: pointer;
130
+ font-size: 12.5px; font-weight: 500; color: var(--fg-muted);
131
+ border-left: 2px solid transparent;
132
+ transition: background 0.1s, color 0.1s, border-color 0.1s;
133
+ position: relative;
134
+ }
135
+ .nav-item:hover { background: var(--elevated); color: var(--fg-sec); }
136
+ .nav-item.active {
137
+ border-left-color: var(--accent);
138
+ background: var(--accent-bg); color: var(--accent);
139
+ }
140
+ .nav-item-icon {
141
+ width: 15px; height: 15px; border-radius: 3px;
142
+ background: currentColor; opacity: 0.35; flex-shrink: 0;
143
+ }
144
+ .nav-item.active .nav-item-icon { opacity: 0.7; }
145
+ .nav-item-label { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; }
146
+ .nav-item-badge {
147
+ margin-left: auto; height: 16px; min-width: 16px; padding: 0 5px;
148
+ border-radius: 9999px; background: rgba(99,179,237,0.12);
149
+ border: 1px solid rgba(99,179,237,0.2); color: var(--accent);
150
+ font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 500;
151
+ display: flex; align-items: center; justify-content: center;
152
+ }
153
+ .nav-item-badge-red {
154
+ background: rgba(229,62,62,0.12); border-color: rgba(229,62,62,0.2); color: var(--red);
155
+ }
156
+ .nav-footer {
157
+ margin-top: auto; padding: 12px; border-top: 1px solid var(--border);
158
+ }
159
+ .user-chip {
160
+ display: flex; align-items: center; gap: 8px; padding: 8px;
161
+ border-radius: 6px; cursor: pointer;
162
+ }
163
+ .user-chip:hover { background: var(--elevated); }
164
+ .user-avatar {
165
+ width: 26px; height: 26px; border-radius: 9999px;
166
+ background: var(--accent-bg); border: 1px solid var(--border-accent);
167
+ display: flex; align-items: center; justify-content: center;
168
+ font-size: 10px; font-weight: 700; color: var(--accent); flex-shrink: 0;
169
+ }
170
+ .user-info-name { font-size: 12px; font-weight: 600; color: var(--fg); }
171
+ .user-info-role { font-family: 'JetBrains Mono', monospace; font-size: 9px; color: var(--fg-muted); letter-spacing: 0.08em; text-transform: uppercase; }
172
+
173
+ /* Center workspace */
174
+ .workspace { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 18px; min-width: 0; }
175
+
176
+ /* Section header */
177
+ .sec-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
178
+ .sec-title { font-size: 13px; font-weight: 600; color: var(--fg); }
179
+ .sec-line { flex: 1; height: 1px; background: var(--border); }
180
+ .sec-meta { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: var(--fg-muted); letter-spacing: 0.06em; }
181
+
182
+ /* Card grid */
183
+ .card-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
184
+ .card {
185
+ background: var(--surface); border: 1px solid var(--border);
186
+ border-radius: 7px; padding: 16px 18px;
187
+ transition: border-color 0.2s;
188
+ }
189
+ .card:hover { border-color: var(--border-strong); }
190
+ .card-label {
191
+ font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 500;
192
+ letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-muted); margin-bottom: 10px;
193
+ }
194
+ .card-metric { font-size: 28px; font-weight: 600; color: var(--fg); letter-spacing: -0.03em; line-height: 1; }
195
+ .card-metric-unit { font-size: 14px; font-weight: 400; color: var(--fg-muted); }
196
+ .card-sub { font-size: 11.5px; color: var(--fg-muted); margin-top: 8px; }
197
+ .card-sub .up { color: var(--green); }
198
+ .card-sub .warn { color: var(--amber); }
199
+ .mini-bar { height: 3px; background: var(--border); border-radius: 9999px; overflow: hidden; margin-top: 12px; }
200
+ .mini-fill { height: 100%; border-radius: 9999px; }
201
+
202
+ /* Workflow list */
203
+ .workflow-list { background: var(--surface); border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
204
+ .wf-header {
205
+ display: flex; align-items: center; justify-content: space-between;
206
+ padding: 12px 16px; border-bottom: 1px solid var(--border);
207
+ }
208
+ .wf-title { font-size: 12.5px; font-weight: 600; color: var(--fg); }
209
+ .wf-action {
210
+ height: 26px; padding: 0 10px; border-radius: 5px;
211
+ border: 1px solid var(--border-accent); background: var(--accent-bg);
212
+ color: var(--accent); font-size: 11px; font-weight: 500;
213
+ font-family: 'Inter', sans-serif; cursor: pointer;
214
+ }
215
+ .wf-row {
216
+ display: flex; align-items: center; gap: 12px;
217
+ padding: 10px 16px; border-bottom: 1px solid var(--border);
218
+ transition: background 0.1s;
219
+ }
220
+ .wf-row:last-child { border-bottom: none; }
221
+ .wf-row:hover { background: var(--elevated); }
222
+ .wf-status-dot { width: 7px; height: 7px; border-radius: 9999px; flex-shrink: 0; }
223
+ .wf-name { font-size: 12.5px; font-weight: 500; color: var(--fg); flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
224
+ .wf-id { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--fg-muted); }
225
+ .wf-badge {
226
+ font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 500;
227
+ letter-spacing: 0.05em; padding: 2px 7px; border-radius: 9999px;
228
+ border: 1px solid var(--border);
229
+ }
230
+ .wf-badge-running { color: var(--accent); border-color: rgba(99,179,237,0.25); background: rgba(99,179,237,0.08); }
231
+ .wf-badge-success { color: var(--green); border-color: rgba(56,161,105,0.25); background: rgba(56,161,105,0.08); }
232
+ .wf-badge-failed { color: var(--red); border-color: rgba(229,62,62,0.25); background: rgba(229,62,62,0.08); }
233
+ .wf-badge-queued { color: var(--fg-muted); border-color: var(--border); }
234
+ .wf-time { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--fg-muted); white-space: nowrap; }
235
+
236
+ /* Right rail */
237
+ .right-rail {
238
+ width: var(--right-rail); flex-shrink: 0;
239
+ background: var(--surface); border-left: 1px solid var(--border);
240
+ display: flex; flex-direction: column;
241
+ }
242
+ .rail-tabs { display: flex; border-bottom: 1px solid var(--border); flex-shrink: 0; }
243
+ .rail-tab {
244
+ flex: 1; height: 38px; display: flex; align-items: center; justify-content: center;
245
+ font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 500;
246
+ letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-muted);
247
+ border-bottom: 2px solid transparent; cursor: pointer; transition: color 0.1s;
248
+ }
249
+ .rail-tab:hover { color: var(--fg-sec); }
250
+ .rail-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
251
+ .rail-content { flex: 1; overflow-y: auto; padding: 12px; }
252
+ .activity-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
253
+ .activity-title { font-size: 11.5px; font-weight: 600; color: var(--fg); }
254
+ .activity-live { display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--green); font-family: 'JetBrains Mono', monospace; }
255
+ .live-pulse { width: 6px; height: 6px; border-radius: 9999px; background: var(--green); box-shadow: 0 0 5px var(--green); animation: pulse 2s infinite; }
256
+ @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }
257
+ .log-entry {
258
+ display: flex; flex-direction: column; gap: 2px;
259
+ padding: 8px 10px; border-radius: 5px; margin-bottom: 5px;
260
+ background: var(--elevated); border: 1px solid var(--border);
261
+ transition: border-color 0.15s;
262
+ }
263
+ .log-entry:hover { border-color: var(--border-strong); }
264
+ .log-entry-top { display: flex; align-items: center; gap: 6px; }
265
+ .log-ts { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: var(--fg-muted); flex-shrink: 0; }
266
+ .log-agent { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 500; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; }
267
+ .log-agent-orch { background: rgba(99,179,237,0.1); color: var(--accent); }
268
+ .log-agent-dev { background: rgba(56,161,105,0.1); color: var(--green); }
269
+ .log-agent-qa { background: rgba(167,139,250,0.1); color: #A78BFA; }
270
+ .log-agent-sys { background: rgba(255,255,255,0.06); color: var(--fg-muted); }
271
+ .log-msg { font-size: 11.5px; color: var(--fg-sec); line-height: 1.4; }
272
+ .log-type { font-family: 'JetBrains Mono', monospace; font-size: 9px; margin-left: auto; flex-shrink: 0; }
273
+ .log-type-plan { color: var(--accent); }
274
+ .log-type-emit { color: var(--green); }
275
+ .log-type-warn { color: var(--amber); }
276
+ .log-type-error { color: var(--red); }
277
+ .rail-footer {
278
+ border-top: 1px solid var(--border); padding: 10px 12px;
279
+ display: flex; align-items: center; justify-content: space-between;
280
+ flex-shrink: 0;
281
+ }
282
+ .rail-footer-stat { text-align: center; }
283
+ .rail-footer-val { font-size: 16px; font-weight: 600; color: var(--fg); letter-spacing: -0.02em; }
284
+ .rail-footer-label { font-family: 'JetBrains Mono', monospace; font-size: 9px; color: var(--fg-muted); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 2px; }
285
+ .rail-divider { width: 1px; height: 30px; background: var(--border); }
286
+ </style>
287
+ </head>
288
+ <body>
289
+
290
+ <div class="aurora"></div>
291
+ <div class="aioson-badge">AIOSON Design Skill</div>
292
+
293
+ <div class="shell">
294
+
295
+ <!-- Top bar -->
296
+ <header class="topbar">
297
+ <div class="topbar-logo">
298
+ <div class="logo-gem"><div class="logo-inner"></div></div>
299
+ <div>
300
+ <div class="logo-wordmark">Command Center</div>
301
+ <div class="logo-version mono">v2.4.1</div>
302
+ </div>
303
+ </div>
304
+
305
+ <div class="search-bar">
306
+ <svg class="search-icon" width="12" height="12" viewBox="0 0 12 12" fill="none"><circle cx="5" cy="5" r="3.5" stroke="#7f8b99" stroke-width="1.2"/><path d="M8 8l2.5 2.5" stroke="#7f8b99" stroke-width="1.2" stroke-linecap="round"/></svg>
307
+ <input class="search-input" type="text" placeholder="Search workflows, agents, sessions..." />
308
+ <span class="search-kbd">⌘K</span>
309
+ </div>
310
+
311
+ <div class="status-row">
312
+ <div class="status-indicator"><div class="status-dot status-dot-green"></div><span class="status-label">24 AGENTS</span></div>
313
+ <div class="divider-v"></div>
314
+ <div class="status-indicator"><div class="status-dot status-dot-amber"></div><span class="status-label">3 WARNINGS</span></div>
315
+ <div class="divider-v"></div>
316
+ <button class="topbar-btn">Profile</button>
317
+ </div>
318
+ </header>
319
+
320
+ <!-- Tri-rail -->
321
+ <div class="tri-rail">
322
+
323
+ <!-- Left nav -->
324
+ <nav class="left-nav">
325
+ <div style="margin-top:12px;"></div>
326
+ <div class="nav-section-tag">Workspace</div>
327
+ <div class="nav-item active">
328
+ <div class="nav-item-icon"></div>
329
+ <span class="nav-item-label">Dashboard</span>
330
+ </div>
331
+ <div class="nav-item">
332
+ <div class="nav-item-icon"></div>
333
+ <span class="nav-item-label">Workflows</span>
334
+ <div class="nav-item-badge">12</div>
335
+ </div>
336
+ <div class="nav-item">
337
+ <div class="nav-item-icon"></div>
338
+ <span class="nav-item-label">Agents</span>
339
+ <div class="nav-item-badge">24</div>
340
+ </div>
341
+ <div class="nav-item">
342
+ <div class="nav-item-icon"></div>
343
+ <span class="nav-item-label">Deployments</span>
344
+ </div>
345
+ <div class="nav-section-tag">Observability</div>
346
+ <div class="nav-item">
347
+ <div class="nav-item-icon"></div>
348
+ <span class="nav-item-label">Logs</span>
349
+ </div>
350
+ <div class="nav-item">
351
+ <div class="nav-item-icon"></div>
352
+ <span class="nav-item-label">Alerts</span>
353
+ <div class="nav-item-badge nav-item-badge-red">3</div>
354
+ </div>
355
+ <div class="nav-item">
356
+ <div class="nav-item-icon"></div>
357
+ <span class="nav-item-label">Metrics</span>
358
+ </div>
359
+ <div class="nav-section-tag">System</div>
360
+ <div class="nav-item">
361
+ <div class="nav-item-icon"></div>
362
+ <span class="nav-item-label">Settings</span>
363
+ </div>
364
+
365
+ <div class="nav-footer">
366
+ <div class="user-chip">
367
+ <div class="user-avatar">JD</div>
368
+ <div>
369
+ <div class="user-info-name">Jordan Davies</div>
370
+ <div class="user-info-role">Operator</div>
371
+ </div>
372
+ </div>
373
+ </div>
374
+ </nav>
375
+
376
+ <!-- Center workspace -->
377
+ <main class="workspace">
378
+
379
+ <!-- Metric cards -->
380
+ <div>
381
+ <div class="sec-head">
382
+ <span class="sec-title">System Overview</span>
383
+ <div class="sec-line"></div>
384
+ <span class="sec-meta mono">Updated 3s ago</span>
385
+ </div>
386
+ <div class="card-grid-2">
387
+ <div class="card">
388
+ <div class="card-label">Workflow Throughput</div>
389
+ <div class="card-metric">1,284 <span class="card-metric-unit">/hr</span></div>
390
+ <div class="card-sub"><span class="up">↑ 8.2%</span> vs last hour</div>
391
+ <div class="mini-bar"><div class="mini-fill" style="width:72%;background:var(--accent)"></div></div>
392
+ </div>
393
+ <div class="card">
394
+ <div class="card-label">Active Sessions</div>
395
+ <div class="card-metric">347</div>
396
+ <div class="card-sub">Peak: 521 &nbsp;·&nbsp; <span class="warn">3 degraded</span></div>
397
+ <div class="mini-bar"><div class="mini-fill" style="width:67%;background:var(--green)"></div></div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <!-- Workflow status list -->
403
+ <div>
404
+ <div class="sec-head">
405
+ <span class="sec-title">Workflow Status</span>
406
+ <div class="sec-line"></div>
407
+ <span class="sec-meta mono">12 workflows</span>
408
+ </div>
409
+ <div class="workflow-list">
410
+ <div class="wf-header">
411
+ <div class="wf-title">Active Workflows</div>
412
+ <button class="wf-action">New Workflow</button>
413
+ </div>
414
+ <div class="wf-row">
415
+ <div class="wf-status-dot" style="background:var(--accent);box-shadow:0 0 5px var(--accent)"></div>
416
+ <div class="wf-name">Platform Deploy — Staging</div>
417
+ <span class="wf-id mono">WF-0091</span>
418
+ <span class="wf-badge wf-badge-running">Running</span>
419
+ <span class="wf-time mono">00:04:22</span>
420
+ </div>
421
+ <div class="wf-row">
422
+ <div class="wf-status-dot" style="background:var(--green)"></div>
423
+ <div class="wf-name">Data Pipeline — ETL Batch</div>
424
+ <span class="wf-id mono">WF-0088</span>
425
+ <span class="wf-badge wf-badge-success">Success</span>
426
+ <span class="wf-time mono">00:02:11</span>
427
+ </div>
428
+ <div class="wf-row">
429
+ <div class="wf-status-dot" style="background:var(--red)"></div>
430
+ <div class="wf-name">Security Scan — API Gateway</div>
431
+ <span class="wf-id mono">WF-0085</span>
432
+ <span class="wf-badge wf-badge-failed">Failed</span>
433
+ <span class="wf-time mono">00:01:47</span>
434
+ </div>
435
+ <div class="wf-row">
436
+ <div class="wf-status-dot" style="background:var(--accent);box-shadow:0 0 5px var(--accent)"></div>
437
+ <div class="wf-name">Model Eval — Classification v3</div>
438
+ <span class="wf-id mono">WF-0089</span>
439
+ <span class="wf-badge wf-badge-running">Running</span>
440
+ <span class="wf-time mono">00:11:03</span>
441
+ </div>
442
+ <div class="wf-row">
443
+ <div class="wf-status-dot" style="background:var(--fg-muted)"></div>
444
+ <div class="wf-name">Backup Sync — Cold Storage</div>
445
+ <span class="wf-id mono">WF-0092</span>
446
+ <span class="wf-badge wf-badge-queued">Queued</span>
447
+ <span class="wf-time mono">—</span>
448
+ </div>
449
+ </div>
450
+ </div>
451
+
452
+ </main>
453
+
454
+ <!-- Right rail -->
455
+ <aside class="right-rail">
456
+ <div class="rail-tabs">
457
+ <div class="rail-tab active">Activity</div>
458
+ <div class="rail-tab">Metrics</div>
459
+ <div class="rail-tab">Alerts</div>
460
+ </div>
461
+ <div class="rail-content">
462
+ <div class="activity-header">
463
+ <span class="activity-title">Live Event Stream</span>
464
+ <div class="activity-live"><div class="live-pulse"></div>LIVE</div>
465
+ </div>
466
+
467
+ <div class="log-entry">
468
+ <div class="log-entry-top">
469
+ <span class="log-ts mono">14:32:09</span>
470
+ <span class="log-agent log-agent-orch">ORCH</span>
471
+ <span class="log-type log-type-plan">PLAN</span>
472
+ </div>
473
+ <div class="log-msg">Workflow WF-0091 reached step 4/7 — deploying to staging-eu-west</div>
474
+ </div>
475
+
476
+ <div class="log-entry">
477
+ <div class="log-entry-top">
478
+ <span class="log-ts mono">14:32:07</span>
479
+ <span class="log-agent log-agent-dev">DEV</span>
480
+ <span class="log-type log-type-emit">EMIT</span>
481
+ </div>
482
+ <div class="log-msg">Build artifact pushed: platform-ui-v2.4.1-staging.tar.gz (142MB)</div>
483
+ </div>
484
+
485
+ <div class="log-entry">
486
+ <div class="log-entry-top">
487
+ <span class="log-ts mono">14:32:01</span>
488
+ <span class="log-agent log-agent-qa">QA</span>
489
+ <span class="log-type log-type-emit">EMIT</span>
490
+ </div>
491
+ <div class="log-msg">Test suite passed — 284/284 cases, coverage 91.4%</div>
492
+ </div>
493
+
494
+ <div class="log-entry">
495
+ <div class="log-entry-top">
496
+ <span class="log-ts mono">14:31:47</span>
497
+ <span class="log-agent log-agent-sys">SYS</span>
498
+ <span class="log-type log-type-warn">WARN</span>
499
+ </div>
500
+ <div class="log-msg">AGT-0044 load at 91% — consider horizontal scaling</div>
501
+ </div>
502
+
503
+ <div class="log-entry">
504
+ <div class="log-entry-top">
505
+ <span class="log-ts mono">14:31:34</span>
506
+ <span class="log-agent log-agent-orch">ORCH</span>
507
+ <span class="log-type log-type-plan">PLAN</span>
508
+ </div>
509
+ <div class="log-msg">Handoff: deyvin → qa — implementation complete for PR #447</div>
510
+ </div>
511
+
512
+ <div class="log-entry">
513
+ <div class="log-entry-top">
514
+ <span class="log-ts mono">14:31:20</span>
515
+ <span class="log-agent log-agent-dev">DEV</span>
516
+ <span class="log-type log-type-emit">EMIT</span>
517
+ </div>
518
+ <div class="log-msg">Session SES-2841 started — feature/auth-refresh-tokens</div>
519
+ </div>
520
+
521
+ <div class="log-entry">
522
+ <div class="log-entry-top">
523
+ <span class="log-ts mono">14:30:58</span>
524
+ <span class="log-agent log-agent-sys">SYS</span>
525
+ <span class="log-type log-type-emit">EMIT</span>
526
+ </div>
527
+ <div class="log-msg">WF-0085 failed at step 2 — security scan returned CRITICAL(2)</div>
528
+ </div>
529
+ </div>
530
+ <div class="rail-footer">
531
+ <div class="rail-footer-stat">
532
+ <div class="rail-footer-val">1,284</div>
533
+ <div class="rail-footer-label">Events/hr</div>
534
+ </div>
535
+ <div class="rail-divider"></div>
536
+ <div class="rail-footer-stat">
537
+ <div class="rail-footer-val">98.3<span style="font-size:11px;font-weight:400;color:var(--fg-muted)">%</span></div>
538
+ <div class="rail-footer-label">Uptime</div>
539
+ </div>
540
+ <div class="rail-divider"></div>
541
+ <div class="rail-footer-stat">
542
+ <div class="rail-footer-val">142<span style="font-size:11px;font-weight:400;color:var(--fg-muted)">ms</span></div>
543
+ <div class="rail-footer-label">P50 Lat</div>
544
+ </div>
545
+ </div>
546
+ </aside>
547
+
548
+ </div>
549
+ </div>
550
+
551
+ </body>
552
+ </html>