@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/cognitive-core-ui.html ADDED
@@ -0,0 +1,463 @@
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>Cognitive Core UI — 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;700;800&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
+ --void: #0B0F15;
15
+ --surface: #111827;
16
+ --elevated: #1A2332;
17
+ --border: rgba(255,255,255,0.06);
18
+ --border-strong: rgba(255,255,255,0.12);
19
+ --accent: #22D3EE;
20
+ --accent-dim: rgba(34,211,238,0.15);
21
+ --accent-bg: rgba(34,211,238,0.08);
22
+ --text-heading: #F9FAFB;
23
+ --text-body: #E5E7EB;
24
+ --text-secondary: #9CA3AF;
25
+ --text-muted: #6B7280;
26
+ --green: #10B981;
27
+ --red: #F87171;
28
+ --amber: #FBBF24;
29
+ --purple: #A78BFA;
30
+ --sidebar-width: 200px;
31
+ --topbar-height: 52px;
32
+ }
33
+
34
+ html, body { height: 100%; font-family: 'Inter', system-ui, sans-serif; background: var(--void); color: var(--text-body); font-size: 14px; line-height: 1.5; }
35
+
36
+ /* AIOSON badge */
37
+ .aioson-badge {
38
+ position: fixed; top: 10px; right: 10px; z-index: 9999;
39
+ background: var(--accent); color: #0B0F15;
40
+ font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700;
41
+ letter-spacing: 0.06em; padding: 4px 10px; border-radius: 9999px;
42
+ box-shadow: 0 0 14px rgba(34,211,238,0.4);
43
+ pointer-events: none;
44
+ }
45
+
46
+ .mono { font-family: 'JetBrains Mono', monospace; }
47
+ .mono-label {
48
+ font-family: 'JetBrains Mono', monospace;
49
+ font-size: 0.675rem; font-weight: 500;
50
+ letter-spacing: 0.12em; text-transform: uppercase;
51
+ }
52
+
53
+ /* Layout */
54
+ .shell { display: flex; height: 100vh; overflow: hidden; flex-direction: column; }
55
+
56
+ /* Top bar */
57
+ .topbar {
58
+ height: var(--topbar-height); flex-shrink: 0;
59
+ background: var(--surface); border-bottom: 1px solid var(--border);
60
+ display: flex; align-items: center;
61
+ padding: 0 20px; gap: 0; position: relative; z-index: 10;
62
+ }
63
+ .topbar-logo {
64
+ width: var(--sidebar-width); flex-shrink: 0;
65
+ display: flex; align-items: center; gap: 10px;
66
+ }
67
+ .logo-mark {
68
+ width: 28px; height: 28px; border-radius: 6px;
69
+ background: var(--accent); display: flex; align-items: center; justify-content: center;
70
+ flex-shrink: 0;
71
+ }
72
+ .logo-mark svg { width: 14px; height: 14px; }
73
+ .logo-text { font-size: 14px; font-weight: 700; color: var(--text-heading); letter-spacing: -0.02em; }
74
+ .logo-sub { font-size: 9.5px; color: var(--accent); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.1em; }
75
+
76
+ /* Tab nav center */
77
+ .tab-nav { flex: 1; display: flex; align-items: stretch; justify-content: center; gap: 0; height: 100%; }
78
+ .tab {
79
+ display: flex; align-items: center; padding: 0 20px;
80
+ font-size: 12.5px; font-weight: 500; color: var(--text-secondary);
81
+ border-bottom: 3px solid transparent; cursor: pointer;
82
+ transition: color 0.15s; letter-spacing: 0.01em;
83
+ font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
84
+ }
85
+ .tab:hover { color: var(--text-body); }
86
+ .tab.active { color: var(--accent); border-bottom-color: var(--accent); font-weight: 500; }
87
+
88
+ /* Top bar actions */
89
+ .topbar-actions {
90
+ width: 200px; display: flex; align-items: center; justify-content: flex-end; gap: 10px;
91
+ }
92
+ .status-dot { width: 7px; height: 7px; border-radius: 9999px; background: var(--green); box-shadow: 0 0 6px var(--green); flex-shrink: 0; }
93
+ .status-text { font-size: 11.5px; color: var(--text-secondary); }
94
+ .btn-topbar {
95
+ height: 30px; padding: 0 12px; border-radius: 6px;
96
+ border: 1px solid var(--border-strong);
97
+ background: var(--elevated); color: var(--text-body);
98
+ font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 500;
99
+ cursor: pointer; display: flex; align-items: center; gap: 6px;
100
+ }
101
+
102
+ /* Body row */
103
+ .body-row { flex: 1; display: flex; min-height: 0; }
104
+
105
+ /* Sidebar */
106
+ .sidebar {
107
+ width: var(--sidebar-width); flex-shrink: 0;
108
+ background: var(--surface); border-right: 1px solid var(--border);
109
+ display: flex; flex-direction: column; overflow-y: auto; padding: 16px 0;
110
+ }
111
+ .tree-section { margin-bottom: 20px; }
112
+ .tree-section-label {
113
+ font-family: 'JetBrains Mono', monospace; font-size: 0.65rem;
114
+ font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;
115
+ color: var(--text-muted); padding: 0 16px; margin-bottom: 6px;
116
+ }
117
+ .tree-item {
118
+ display: flex; align-items: center; gap: 8px;
119
+ padding: 0 16px; height: 32px; cursor: pointer;
120
+ font-size: 12.5px; color: var(--text-secondary);
121
+ border-left: 3px solid transparent;
122
+ transition: background 0.1s, color 0.1s;
123
+ }
124
+ .tree-item:hover { background: var(--elevated); color: var(--text-body); }
125
+ .tree-item.active {
126
+ border-left-color: var(--accent);
127
+ background: var(--elevated); color: var(--accent); font-weight: 500;
128
+ }
129
+ .tree-icon { width: 14px; height: 14px; border-radius: 3px; background: currentColor; opacity: 0.4; flex-shrink: 0; }
130
+ .tree-item.active .tree-icon { opacity: 0.8; }
131
+ .tree-badge {
132
+ margin-left: auto; background: var(--accent-bg); border: 1px solid rgba(34,211,238,0.2);
133
+ color: var(--accent); border-radius: 9999px; height: 16px; padding: 0 6px;
134
+ font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 500;
135
+ display: flex; align-items: center;
136
+ }
137
+ .tree-item-child {
138
+ padding-left: 36px; height: 28px; font-size: 12px; color: var(--text-muted);
139
+ }
140
+ .tree-item-child:hover { background: rgba(255,255,255,0.02); color: var(--text-secondary); }
141
+ .tree-item-child.active { color: var(--accent); background: none; border-left: none; }
142
+
143
+ /* Main content */
144
+ .content { flex: 1; overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 20px; min-width: 0; }
145
+
146
+ /* Section header */
147
+ .section-header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
148
+ .section-line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(34,211,238,0.3) 0%, rgba(34,211,238,0) 100%); }
149
+ .section-label-text { font-family: 'JetBrains Mono', monospace; font-size: 0.675rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
150
+
151
+ /* Stat cards */
152
+ .stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
153
+ .stat-card {
154
+ background: var(--surface); border: 1px solid var(--border);
155
+ border-radius: 8px; padding: 18px 20px;
156
+ transition: border-color 0.2s;
157
+ }
158
+ .stat-card:hover { border-color: var(--border-strong); }
159
+ .stat-card-label { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }
160
+ .stat-card-value { font-size: 30px; font-weight: 800; color: var(--text-heading); letter-spacing: -0.03em; line-height: 1; }
161
+ .stat-card-value span { font-size: 16px; font-weight: 600; color: var(--text-secondary); }
162
+ .stat-card-sub { font-size: 11.5px; color: var(--text-secondary); margin-top: 8px; display: flex; align-items: center; gap: 5px; }
163
+ .dot-green { width: 6px; height: 6px; border-radius: 9999px; background: var(--green); box-shadow: 0 0 5px var(--green); flex-shrink: 0; }
164
+ .dot-amber { width: 6px; height: 6px; border-radius: 9999px; background: var(--amber); flex-shrink: 0; }
165
+
166
+ /* Table card */
167
+ .table-card {
168
+ background: var(--surface); border: 1px solid var(--border);
169
+ border-radius: 8px; overflow: hidden;
170
+ }
171
+ .table-card-header {
172
+ display: flex; align-items: center; justify-content: space-between;
173
+ padding: 14px 20px; border-bottom: 1px solid var(--border);
174
+ }
175
+ .table-card-title { font-size: 13.5px; font-weight: 600; color: var(--text-heading); letter-spacing: -0.01em; }
176
+ .btn-small {
177
+ height: 28px; padding: 0 12px; border-radius: 6px;
178
+ border: 1px solid rgba(34,211,238,0.25); background: var(--accent-bg);
179
+ color: var(--accent); font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 600;
180
+ cursor: pointer; display: flex; align-items: center; gap: 5px;
181
+ }
182
+ table { width: 100%; border-collapse: collapse; }
183
+ thead th {
184
+ padding: 9px 20px; text-align: left;
185
+ font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 500;
186
+ letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted);
187
+ background: rgba(255,255,255,0.02); border-bottom: 1px solid var(--border);
188
+ }
189
+ tbody tr { border-bottom: 1px solid var(--border); transition: background 0.1s; }
190
+ tbody tr:last-child { border-bottom: none; }
191
+ tbody tr:hover { background: var(--elevated); }
192
+ tbody td { padding: 12px 20px; vertical-align: middle; }
193
+ .agent-id { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: var(--text-muted); }
194
+ .agent-name { font-size: 13px; font-weight: 600; color: var(--text-heading); }
195
+ .agent-type { font-size: 11.5px; color: var(--text-secondary); }
196
+ .badge-chip {
197
+ display: inline-flex; align-items: center; gap: 5px;
198
+ height: 22px; padding: 0 9px; border-radius: 9999px; font-size: 11px; font-weight: 600;
199
+ }
200
+ .badge-teal {
201
+ background: var(--accent-bg); border: 1px solid rgba(34,211,238,0.25);
202
+ color: var(--accent); box-shadow: 0 0 10px rgba(34,211,238,0.1);
203
+ }
204
+ .badge-green { background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.25); color: var(--green); }
205
+ .badge-amber { background: rgba(251,191,36,0.1); border: 1px solid rgba(251,191,36,0.25); color: var(--amber); }
206
+ .badge-red { background: rgba(248,113,113,0.1); border: 1px solid rgba(248,113,113,0.25); color: var(--red); }
207
+ .badge-purple { background: rgba(167,139,250,0.1); border: 1px solid rgba(167,139,250,0.25); color: var(--purple); }
208
+ .progress-wrap { display: flex; align-items: center; gap: 8px; }
209
+ .progress-bar { flex: 1; height: 4px; background: rgba(255,255,255,0.06); border-radius: 9999px; overflow: hidden; }
210
+ .progress-fill { height: 100%; border-radius: 9999px; }
211
+ .progress-pct { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--text-secondary); width: 32px; text-align: right; }
212
+ .latency-val { font-family: 'JetBrains Mono', monospace; font-size: 12px; }
213
+ .latency-good { color: var(--green); }
214
+ .latency-warn { color: var(--amber); }
215
+ .latency-bad { color: var(--red); }
216
+ </style>
217
+ </head>
218
+ <body>
219
+
220
+ <div class="aioson-badge">AIOSON Design Skill</div>
221
+
222
+ <div class="shell">
223
+
224
+ <!-- Top bar -->
225
+ <header class="topbar">
226
+ <div class="topbar-logo">
227
+ <div class="logo-mark">
228
+ <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
229
+ <circle cx="7" cy="7" r="5.5" stroke="#0B0F15" stroke-width="1.5"/>
230
+ <circle cx="7" cy="7" r="2" fill="#0B0F15"/>
231
+ </svg>
232
+ </div>
233
+ <div>
234
+ <div class="logo-text">AIOSON</div>
235
+ <div class="logo-sub">OPS CORE</div>
236
+ </div>
237
+ </div>
238
+
239
+ <nav class="tab-nav">
240
+ <div class="tab active">Overview</div>
241
+ <div class="tab">Agents</div>
242
+ <div class="tab">Sessions</div>
243
+ <div class="tab">Analytics</div>
244
+ </nav>
245
+
246
+ <div class="topbar-actions">
247
+ <div class="status-dot"></div>
248
+ <span class="status-text">Live</span>
249
+ <button class="btn-topbar">
250
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><circle cx="6" cy="6" r="5" stroke="currentColor" stroke-width="1.2"/><path d="M6 3.5v2.5l1.5 1.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
251
+ Alerts
252
+ </button>
253
+ </div>
254
+ </header>
255
+
256
+ <!-- Body row -->
257
+ <div class="body-row">
258
+
259
+ <!-- Sidebar tree -->
260
+ <aside class="sidebar">
261
+ <div class="tree-section">
262
+ <div class="tree-section-label">System</div>
263
+ <div class="tree-item active">
264
+ <div class="tree-icon"></div>
265
+ Overview
266
+ <div class="tree-badge">24</div>
267
+ </div>
268
+ <div class="tree-item">
269
+ <div class="tree-icon"></div>
270
+ Agents
271
+ </div>
272
+ <div class="tree-item-child active">↳ Production</div>
273
+ <div class="tree-item-child">↳ Staging</div>
274
+ <div class="tree-item-child">↳ Experimental</div>
275
+ <div class="tree-item">
276
+ <div class="tree-icon"></div>
277
+ Sessions
278
+ </div>
279
+ <div class="tree-item">
280
+ <div class="tree-icon"></div>
281
+ Pipelines
282
+ </div>
283
+ </div>
284
+ <div class="tree-section">
285
+ <div class="tree-section-label">Monitor</div>
286
+ <div class="tree-item">
287
+ <div class="tree-icon"></div>
288
+ Metrics
289
+ </div>
290
+ <div class="tree-item">
291
+ <div class="tree-icon"></div>
292
+ Logs
293
+ </div>
294
+ <div class="tree-item">
295
+ <div class="tree-icon"></div>
296
+ Alerts
297
+ <div class="tree-badge" style="background:rgba(248,113,113,0.12);border-color:rgba(248,113,113,0.25);color:#F87171;">3</div>
298
+ </div>
299
+ </div>
300
+ <div class="tree-section">
301
+ <div class="tree-section-label">Config</div>
302
+ <div class="tree-item">
303
+ <div class="tree-icon"></div>
304
+ Settings
305
+ </div>
306
+ <div class="tree-item">
307
+ <div class="tree-icon"></div>
308
+ Access
309
+ </div>
310
+ </div>
311
+ </aside>
312
+
313
+ <!-- Main content -->
314
+ <main class="content">
315
+
316
+ <!-- Stat cards section -->
317
+ <div>
318
+ <div class="section-header">
319
+ <span class="section-label-text">System Status</span>
320
+ <div class="section-line"></div>
321
+ <span style="font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-muted);">UTC 14:32:07</span>
322
+ </div>
323
+ <div class="stat-grid">
324
+ <div class="stat-card">
325
+ <div class="stat-card-label">Active Agents</div>
326
+ <div class="stat-card-value">24</div>
327
+ <div class="stat-card-sub"><div class="dot-green"></div>All healthy</div>
328
+ </div>
329
+ <div class="stat-card">
330
+ <div class="stat-card-label">Sessions Today</div>
331
+ <div class="stat-card-value">1,847</div>
332
+ <div class="stat-card-sub" style="color:var(--accent)">↑ 12% vs yesterday</div>
333
+ </div>
334
+ <div class="stat-card">
335
+ <div class="stat-card-label">Avg Latency</div>
336
+ <div class="stat-card-value">142<span>ms</span></div>
337
+ <div class="stat-card-sub"><div class="dot-green"></div>Within SLA</div>
338
+ </div>
339
+ <div class="stat-card">
340
+ <div class="stat-card-label">Success Rate</div>
341
+ <div class="stat-card-value">98.3<span>%</span></div>
342
+ <div class="stat-card-sub"><div class="dot-amber"></div>0.4% degraded</div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+
347
+ <!-- Agent performance table -->
348
+ <div>
349
+ <div class="section-header">
350
+ <span class="section-label-text">Agent Performance</span>
351
+ <div class="section-line"></div>
352
+ </div>
353
+ <div class="table-card">
354
+ <div class="table-card-header">
355
+ <div class="table-card-title">Active Agents — Production</div>
356
+ <button class="btn-small">
357
+ <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
358
+ Deploy
359
+ </button>
360
+ </div>
361
+ <table>
362
+ <thead>
363
+ <tr>
364
+ <th>Agent ID</th>
365
+ <th>Name / Role</th>
366
+ <th>Status</th>
367
+ <th>Latency</th>
368
+ <th style="width:200px">Load</th>
369
+ <th>Sessions</th>
370
+ </tr>
371
+ </thead>
372
+ <tbody>
373
+ <tr>
374
+ <td><span class="agent-id">AGT-0041</span></td>
375
+ <td>
376
+ <div class="agent-name">Orchestrator Prime</div>
377
+ <div class="agent-type">Coordination Layer</div>
378
+ </td>
379
+ <td><span class="badge-chip badge-teal">Running</span></td>
380
+ <td><span class="latency-val latency-good">89ms</span></td>
381
+ <td>
382
+ <div class="progress-wrap">
383
+ <div class="progress-bar"><div class="progress-fill" style="width:76%;background:var(--accent)"></div></div>
384
+ <span class="progress-pct">76%</span>
385
+ </div>
386
+ </td>
387
+ <td><span class="agent-id">342</span></td>
388
+ </tr>
389
+ <tr>
390
+ <td><span class="agent-id">AGT-0039</span></td>
391
+ <td>
392
+ <div class="agent-name">Analyst Core</div>
393
+ <div class="agent-type">Data Processing</div>
394
+ </td>
395
+ <td><span class="badge-chip badge-green">Active</span></td>
396
+ <td><span class="latency-val latency-good">114ms</span></td>
397
+ <td>
398
+ <div class="progress-wrap">
399
+ <div class="progress-bar"><div class="progress-fill" style="width:53%;background:var(--green)"></div></div>
400
+ <span class="progress-pct">53%</span>
401
+ </div>
402
+ </td>
403
+ <td><span class="agent-id">218</span></td>
404
+ </tr>
405
+ <tr>
406
+ <td><span class="agent-id">AGT-0044</span></td>
407
+ <td>
408
+ <div class="agent-name">Dev Squad Alpha</div>
409
+ <div class="agent-type">Code Generation</div>
410
+ </td>
411
+ <td><span class="badge-chip badge-amber">Degraded</span></td>
412
+ <td><span class="latency-val latency-warn">287ms</span></td>
413
+ <td>
414
+ <div class="progress-wrap">
415
+ <div class="progress-bar"><div class="progress-fill" style="width:91%;background:var(--amber)"></div></div>
416
+ <span class="progress-pct">91%</span>
417
+ </div>
418
+ </td>
419
+ <td><span class="agent-id">504</span></td>
420
+ </tr>
421
+ <tr>
422
+ <td><span class="agent-id">AGT-0037</span></td>
423
+ <td>
424
+ <div class="agent-name">QA Verifier</div>
425
+ <div class="agent-type">Test Execution</div>
426
+ </td>
427
+ <td><span class="badge-chip badge-green">Active</span></td>
428
+ <td><span class="latency-val latency-good">73ms</span></td>
429
+ <td>
430
+ <div class="progress-wrap">
431
+ <div class="progress-bar"><div class="progress-fill" style="width:38%;background:var(--green)"></div></div>
432
+ <span class="progress-pct">38%</span>
433
+ </div>
434
+ </td>
435
+ <td><span class="agent-id">189</span></td>
436
+ </tr>
437
+ <tr>
438
+ <td><span class="agent-id">AGT-0051</span></td>
439
+ <td>
440
+ <div class="agent-name">Genome Classifier</div>
441
+ <div class="agent-type">Pattern Recognition</div>
442
+ </td>
443
+ <td><span class="badge-chip badge-purple">Standby</span></td>
444
+ <td><span class="latency-val" style="color:var(--text-muted)">—</span></td>
445
+ <td>
446
+ <div class="progress-wrap">
447
+ <div class="progress-bar"><div class="progress-fill" style="width:8%;background:var(--purple)"></div></div>
448
+ <span class="progress-pct">8%</span>
449
+ </div>
450
+ </td>
451
+ <td><span class="agent-id">12</span></td>
452
+ </tr>
453
+ </tbody>
454
+ </table>
455
+ </div>
456
+ </div>
457
+
458
+ </main>
459
+ </div>
460
+ </div>
461
+
462
+ </body>
463
+ </html>