izanagi-ai 3.3.0 → 3.5.0

package/.manifest

@@ -1,11 +1,11 @@
 {
   "name": "izanagi-ai",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "description": "Izanagi AI - Modular Skill-Oriented AI Prompt & Agent Framework for Autonomous Software Engineering",
   "author": "Pedro Henrique Sanches Leal",
   "license": "MIT",
   "homepage": "https://github.com/pedrohenriquesanchesleal4-debug/izanagi-ai#readme",
-  "generatedAt": "2026-08-17T01:54:31.620Z",
+  "generatedAt": "2026-08-17T02:55:24.878Z",
   "agents": [
     {
       "id": "adversarial-critic",

package/CHANGELOG.md

@@ -4,6 +4,65 @@
 
 ---
 
+## [3.4.0] — 2026-08-17
+
+### Fixed (CRITICAL)
+- **The 3 commits after the 3.3.0 release (crash-safe MemoryStore/Tracer persistence, dashboard live SSE updates, dashboard visual polish) were pushed to GitHub but never published to npm** — `izanagi-ai@3.3.0` on the registry was missing all of it. Caught because the version number hadn't changed, so nothing signaled a re-publish was needed. This release ships everything below.
+
+### Added
+- **Crash-safe persistence**: `MemoryStore` now calls `save()` from every mutator (`recordAgentRun`/`recordSkillRun`/`recordModelRun`/`recordFailure`/`invalidateFailure`/`archiveFailure`/`addLearning`) instead of relying on one explicit `.save()` at the end of a run. `Tracer.flush()` persists a partial `RunTrace` snapshot after every span closes. Closing the CLI mid-run (Ctrl+C, crash, closed terminal) no longer loses that run's progress.
+- **`izanagi dashboard` live updates**: new `/api/events` Server-Sent Events endpoint backed by `fs.watch` on the state directories (the dashboard and `izanagi run` are separate processes, so this is the channel that actually works across them — the in-memory Event System isn't reachable from a different process). The page now has a "● live" indicator and refreshes the visible run/benchmark list automatically.
+- **Dashboard Execution Graph** now renders `trace.graph.parallelBatches` as real side-by-side lanes instead of a flat span list (falls back to spans for older traces without a graph). Runs without an `evaluation` field render a "running" badge instead of breaking. Memory panel gained a Models table (`recordModelRun` stats existed but were never surfaced anywhere).
+- **Dashboard visual polish**: refined palette, pill badges, animated live-dot, and a real stats bar (total runs, pass rate, avg score, in-progress count, runs needing healing) computed client-side from the same data already fetched — no invented numbers.
+
+---
+
+## [3.3.0] — 2026-08-16
+
+### Added
+Izanagi Evolution — audited the runtime against a 7-phase roadmap (Foundation →
+Reliability → Observability → Model Runtime → Memory → Arena → Platform)
+before writing any code. Found ~70% already implemented (ArtifactRegistry,
+EvaluationEngine, Healer, ModelRouter, MemoryStore, BenchmarkRunner all
+pre-existed); closed the real, specific gaps only — no reimplementation, no
+invented metrics/benchmarks/results, one commit per phase:
+
+- **Foundation**: `FailureCategory` (12-value failure-origin taxonomy,
+  `runtime/recovery/healing.ts`), `ArtifactRef` provenance (`id`/`producer`/
+  `createdAt`/`status`, populated from the existing `ArtifactRegistry`).
+- **Reliability**: `ArtifactRegistry.detectRegression()` — a healed retry that
+  scores worse than the version it replaced now fails the node instead of
+  silently "succeeding" (roadmap's `HEALING_REJECTED` concept). Verified the
+  heal→retry→evaluate verification loop already existed end-to-end.
+- **Observability**: real-time Event System (`runtime/observability/events.ts`)
+  — `EventBus` emitting `run.*`/`node.*`/`evaluation.*`/`diagnosis.*`/
+  `healing.*`/`verification.*`/`quality_gate.*`; new `OrchestratorOptions.onEvent`
+  hook (the dashboard below consumes the underlying data, not this hook yet).
+- **Model Runtime**: `OllamaAdapter`, `LMStudioAdapter`, `OpenRouterAdapter`,
+  `CustomOpenAICompatibleAdapter` (`runtime/llm/client.ts`) — local providers
+  require explicit opt-in (`IZANAGI_OLLAMA_ENABLED=1` etc.) so the existing
+  zero-config headless mode can't silently break.
+- **Memory**: failure-pattern lifecycle — `MemoryStore.invalidateFailure()` /
+  `archiveFailure()`, new `izanagi memory invalidate|archive <pattern>`.
+- **Arena**: `BenchmarkRunner.runBaselines()`/`compareBaselines()` (N producers
+  head-to-head, genuine ties return no forced winner), `izanagi benchmark
+  report <id>`, `izanagi arena` as a literal alias for the existing benchmark
+  CLI (roadmap's naming, zero reimplementation).
+- **Platform (foundation only, not the full phase)**: `izanagi dashboard
+  [--port N]` — a local `node:http` server (zero new dependencies) reading
+  straight from `TraceStore`/`ArtifactRegistry`/`MemoryStore`/benchmark
+  reports, serving a single embedded-HTML page (Run Explorer, Arena panel,
+  Memory panel). Deliberately not built: hosted multi-user platform, auth,
+  Skill/Agent Registry UI, plugin extensibility — scoped down to match how
+  the rest of the framework already works (local-first, single-user) after
+  asking the user directly instead of guessing.
+
+250/250 tests passing (57 new across the 7 phases), `izanagi doctor` PASSED
+after every phase, no breaking changes to any existing CLI command or public
+API.
+
+---
+
 ## [3.2.0] — 2026-08-16
 
 ### Added

package/dist/runtime/contracts/artifacts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"artifacts.d.ts","sourceRoot":"","sources":["../../../src/runtime/contracts/artifacts.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAY7E;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CA2EjE,CAAC;AAYF,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,gBAAgB,CA6CvF;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAY3G;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,MAAM,EAAE,CAOzH"}
+{"version":3,"file":"artifacts.d.ts","sourceRoot":"","sources":["../../../src/runtime/contracts/artifacts.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAa7E;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CA2EjE,CAAC;AAYF,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,gBAAgB,CA6CvF;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAc3G;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,MAAM,EAAE,CAOzH"}

package/dist/runtime/contracts/artifacts.js

@@ -6,6 +6,7 @@
  * devolve issues estruturadas.
  */
 import crypto from 'crypto';
+import { sanitizeText } from '../text/unicode-hygiene.js';
 const STUB_PATTERNS = [
     /TODO/i,
     /FIXME/i,
@@ -162,7 +163,9 @@ export function validateArtifact(kind, content) {
  * Cria um ArtifactRef validado a partir de conteúdo.
  */
 export function makeArtifact(kind, name, content, path) {
-    const text = toText(content);
+    // Unicode Hygiene (sempre ativa): hash/validação refletem o mesmo texto que
+    // de fato seria gravado em disco via fs.write, não o texto bruto do modelo.
+    const text = sanitizeText(toText(content)).text;
     const report = validateArtifact(kind, text);
     return {
         kind,

package/dist/runtime/contracts/artifacts.js.map

@@ -1 +1 @@
-{"version":3,"file":"artifacts.js","sourceRoot":"","sources":["../../../src/runtime/contracts/artifacts.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"artifacts.js","sourceRoot":"","sources":["../../../src/runtime/contracts/artifacts.ts"],"names":[],"mappings":"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"}

package/dist/runtime/dashboard/page.d.ts

@@ -2,5 +2,5 @@
  * HTML/CSS/JS do Dashboard, embutido como string — sem build step, sem
  * dependência nova. Vanilla JS puro (fetch + DOM), tema técnico escuro.
  */
-export declare const DASHBOARD_HTML = "<!doctype html>\n<html lang=\"pt-br\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>Izanagi Dashboard</title>\n<style>\n  :root { color-scheme: dark; }\n  * { box-sizing: border-box; }\n  body {\n    margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    background: #0a0a0c; color: #d4d4d8; font-size: 13px; line-height: 1.5;\n  }\n  header { padding: 14px 20px; border-bottom: 1px solid #27272a; display: flex; align-items: center; gap: 16px; }\n  header h1 { font-size: 14px; font-weight: 600; margin: 0; color: #e4e4e7; letter-spacing: 0.02em; }\n  header .tag { color: #71717a; font-size: 11px; }\n  nav { display: flex; gap: 2px; padding: 0 20px; border-bottom: 1px solid #27272a; }\n  nav button {\n    background: none; border: none; color: #71717a; padding: 10px 14px; cursor: pointer;\n    font-family: inherit; font-size: 12px; border-bottom: 2px solid transparent;\n  }\n  nav button.active { color: #e4e4e7; border-bottom-color: #52525b; }\n  main { display: grid; grid-template-columns: 340px 1fr; height: calc(100vh - 90px); }\n  .list { overflow-y: auto; border-right: 1px solid #27272a; }\n  .list-item { padding: 10px 16px; border-bottom: 1px solid #18181b; cursor: pointer; }\n  .list-item:hover { background: #18181b; }\n  .list-item.active { background: #1f1f23; border-left: 2px solid #52525b; }\n  .list-item .id { color: #e4e4e7; font-weight: 600; font-size: 12px; }\n  .list-item .meta { color: #71717a; font-size: 11px; margin-top: 2px; }\n  .badge { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; }\n  .badge.pass, .badge.ok { background: #14532d; color: #86efac; }\n  .badge.fail, .badge.error { background: #450a0a; color: #fca5a5; }\n  .badge.blocked, .badge.pending { background: #451a03; color: #fdba74; }\n  .badge.unknown { background: #27272a; color: #a1a1aa; }\n  .detail { padding: 20px; overflow-y: auto; }\n  .empty { color: #52525b; padding: 40px; text-align: center; }\n  section { margin-bottom: 24px; }\n  section h2 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #71717a; margin: 0 0 8px; }\n  table { width: 100%; border-collapse: collapse; }\n  td, th { padding: 4px 8px; text-align: left; border-bottom: 1px solid #18181b; font-size: 12px; }\n  th { color: #71717a; font-weight: 500; }\n  .node-row { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid #18181b; }\n  .node-row .name { flex: 1; color: #d4d4d8; }\n  .node-row .dur { color: #52525b; font-size: 11px; }\n  .kv { display: flex; gap: 6px; color: #a1a1aa; font-size: 11px; margin-bottom: 4px; }\n  .kv b { color: #71717a; font-weight: 500; min-width: 90px; }\n  .score { font-weight: 700; }\n</style>\n</head>\n<body>\n<header>\n  <h1>IZANAGI</h1>\n  <span class=\"tag\">dashboard local \u2014 foundation (Fase 7)</span>\n</header>\n<nav>\n  <button data-tab=\"runs\" class=\"active\">Runs</button>\n  <button data-tab=\"arena\">Arena</button>\n  <button data-tab=\"memory\">Memory</button>\n</nav>\n<main>\n  <div class=\"list\" id=\"list\"></div>\n  <div class=\"detail\" id=\"detail\"><div class=\"empty\">Selecione um item \u00E0 esquerda.</div></div>\n</main>\n<script>\nlet currentTab = 'runs';\nlet items = [];\n\nfunction badge(status) {\n  const s = (status || 'unknown').toLowerCase();\n  return '<span class=\"badge ' + s + '\">' + s + '</span>';\n}\nfunction fmtMs(ms) { return ms == null ? '-' : (ms < 1000 ? ms + 'ms' : (ms / 1000).toFixed(1) + 's'); }\nfunction esc(s) { return String(s ?? '').replace(/[&<>]/g, (c) => ({'&':'&amp;','<':'&lt;','>':'&gt;'}[c])); }\n\nasync function loadTab(tab) {\n  currentTab = tab;\n  document.querySelectorAll('nav button').forEach((b) => b.classList.toggle('active', b.dataset.tab === tab));\n  document.getElementById('detail').innerHTML = '<div class=\"empty\">Selecione um item \u00E0 esquerda.</div>';\n  const list = document.getElementById('list');\n  list.innerHTML = '<div class=\"empty\">carregando\u2026</div>';\n\n  if (tab === 'runs') {\n    items = await (await fetch('/api/runs')).json();\n    list.innerHTML = items.map((r, i) =>\n      '<div class=\"list-item\" data-i=\"' + i + '\">' +\n        '<div class=\"id\">' + esc(r.runId) + '</div>' +\n        '<div class=\"meta\">' + badge(r.evaluation && r.evaluation.verdict) + ' ' + esc(r.task || '').slice(0, 40) + ' \u00B7 ' + fmtMs(r.durationMs) + '</div>' +\n      '</div>'\n    ).join('') || '<div class=\"empty\">nenhum run ainda \u2014 rode \"izanagi run\"</div>';\n    list.querySelectorAll('.list-item').forEach((el) => el.addEventListener('click', () => selectRun(items[+el.dataset.i].runId, el)));\n  }\n\n  if (tab === 'arena') {\n    items = await (await fetch('/api/benchmarks')).json();\n    list.innerHTML = items.map((r, i) =>\n      '<div class=\"list-item\" data-i=\"' + i + '\">' +\n        '<div class=\"id\">' + esc(r.id) + '</div>' +\n        '<div class=\"meta\">' + esc(r.suite) + ' \u00B7 <span class=\"score\">' + r.summary.avgScore + '</span> \u00B7 ' + r.summary.passed + '/' + r.summary.total + '</div>' +\n      '</div>'\n    ).join('') || '<div class=\"empty\">nenhum benchmark rodado ainda \u2014 \"izanagi arena run\"</div>';\n    list.querySelectorAll('.list-item').forEach((el) => el.addEventListener('click', () => selectBenchmark(items[+el.dataset.i], el)));\n  }\n\n  if (tab === 'memory') {\n    const m = await (await fetch('/api/memory')).json();\n    list.innerHTML = '<div class=\"list-item active\"><div class=\"id\">resumo</div><div class=\"meta\">agentes, skills, failures, learnings</div></div>';\n    renderMemory(m);\n  }\n}\n\nasync function selectRun(runId, el) {\n  document.querySelectorAll('.list-item').forEach((x) => x.classList.remove('active'));\n  el.classList.add('active');\n  const data = await (await fetch('/api/runs/' + runId)).json();\n  renderRun(data.trace, data.artifacts);\n}\n\nfunction renderRun(trace, artifacts) {\n  const ev = trace.evaluation;\n  let html = '';\n  html += '<section><h2>Run</h2>';\n  html += '<div class=\"kv\"><b>id</b>' + esc(trace.runId) + '</div>';\n  html += '<div class=\"kv\"><b>task</b>' + esc(trace.task) + '</div>';\n  html += '<div class=\"kv\"><b>status</b>' + badge(ev && ev.verdict) + '</div>';\n  html += '<div class=\"kv\"><b>dura\u00E7\u00E3o</b>' + fmtMs(trace.durationMs) + '</div>';\n  html += '<div class=\"kv\"><b>modelo</b>' + esc(trace.model || '-') + '</div>';\n  html += '<div class=\"kv\"><b>agentes</b>' + esc((trace.agents || []).join(', ')) + '</div>';\n  html += '<div class=\"kv\"><b>skills</b>' + esc((trace.skills || []).join(', ')) + '</div>';\n  html += '<div class=\"kv\"><b>tokens</b>' + (trace.tokens ? trace.tokens.total : '-') + '</div>';\n  html += '</section>';\n\n  if (ev) {\n    html += '<section><h2>Evaluation</h2>';\n    html += '<div class=\"kv\"><b>score</b><span class=\"score\">' + ev.score + '</span></div>';\n    html += '<div class=\"kv\"><b>verdict</b>' + badge(ev.verdict) + '</div>';\n    if (ev.metrics) {\n      html += '<table>' + Object.entries(ev.metrics).map(([k, v]) => '<tr><td>' + esc(k) + '</td><td>' + v + '</td></tr>').join('') + '</table>';\n    }\n    html += '</section>';\n  }\n\n  html += '<section><h2>Execution Graph (spans)</h2>';\n  html += (trace.spans || []).map((s) =>\n    '<div class=\"node-row\">' + badge(s.status) + '<span class=\"name\">' + esc(s.name) + ' <span style=\"color:#52525b\">[' + esc(s.type) + ']</span></span><span class=\"dur\">' + fmtMs(s.durationMs) + '</span></div>'\n  ).join('') || '<div class=\"empty\">sem spans</div>';\n  html += '</section>';\n\n  if (trace.healing && trace.healing.length) {\n    html += '<section><h2>Healing</h2>';\n    html += trace.healing.map((h) =>\n      '<div class=\"kv\"><b>' + esc(h.kind) + '</b>' + esc(h.category || h.failureKind) + ' \u2014 ' + esc((h.message || '').slice(0, 100)) + '</div>'\n    ).join('');\n    html += '</section>';\n  }\n\n  html += '<section><h2>Artifacts</h2>';\n  html += '<table><tr><th>nome</th><th>vers\u00E3o</th><th>v\u00E1lido</th><th>produtor</th></tr>' +\n    (artifacts || []).map((a) => '<tr><td>' + esc(a.name) + '</td><td>' + a.version + '</td><td>' + (a.valid ? '\u2714' : '\u2716') + '</td><td>' + esc((a.producer && (a.producer.agent || a.producer.skill)) || '-') + '</td></tr>').join('') +\n    '</table></section>';\n\n  document.getElementById('detail').innerHTML = html;\n}\n\nfunction selectBenchmark(report, el) {\n  document.querySelectorAll('.list-item').forEach((x) => x.classList.remove('active'));\n  el.classList.add('active');\n  let html = '<section><h2>Benchmark Report</h2>';\n  html += '<div class=\"kv\"><b>id</b>' + esc(report.id) + '</div>';\n  html += '<div class=\"kv\"><b>suite</b>' + esc(report.suite) + '</div>';\n  html += '<div class=\"kv\"><b>framework</b>v' + esc(report.frameworkVersion) + '</div>';\n  html += '<div class=\"kv\"><b>score m\u00E9dio</b><span class=\"score\">' + report.summary.avgScore + '</span></div>';\n  html += '<div class=\"kv\"><b>passou</b>' + report.summary.passed + '/' + report.summary.total + '</div>';\n  html += '</section><section><h2>Por dom\u00EDnio</h2><table>' +\n    Object.entries(report.byDomain || {}).map(([d, s]) => '<tr><td>' + esc(d) + '</td><td>' + s + '</td></tr>').join('') +\n    '</table></section><section><h2>Casos</h2><table><tr><th>caso</th><th>dom\u00EDnio</th><th>status</th><th>score</th></tr>' +\n    report.results.map((r) => '<tr><td>' + esc(r.caseId) + '</td><td>' + esc(r.domain) + '</td><td>' + badge(r.passed ? 'pass' : 'fail') + '</td><td>' + r.score + '</td></tr>').join('') +\n    '</table></section>';\n  document.getElementById('detail').innerHTML = html;\n}\n\nfunction renderMemory(m) {\n  let html = '<section><h2>Agentes</h2><table><tr><th>agente</th><th>runs</th><th>score m\u00E9dio</th></tr>' +\n    Object.entries(m.agents || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.runs + '</td><td>' + s.avgScore.toFixed(2) + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Skills</h2><table><tr><th>skill</th><th>uses</th></tr>' +\n    Object.entries(m.skills || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.uses + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Failure patterns ativos</h2><table><tr><th>pattern</th><th>ocorr\u00EAncias</th><th>confian\u00E7a</th></tr>' +\n    (m.failures || []).map((f) => '<tr><td>' + esc(f.pattern) + '</td><td>' + f.occurrences + '</td><td>' + f.confidence + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Learnings</h2>' +\n    (m.learnings || []).map((l) => '<div class=\"kv\">' + esc(l.text) + '</div>').join('') +\n    '</section>';\n  document.getElementById('detail').innerHTML = html;\n}\n\ndocument.querySelectorAll('nav button').forEach((b) => b.addEventListener('click', () => loadTab(b.dataset.tab)));\nloadTab('runs');\n</script>\n</body>\n</html>\n";
+export declare const DASHBOARD_HTML = "<!doctype html>\n<html lang=\"pt-br\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>Izanagi Dashboard</title>\n<style>\n  :root {\n    color-scheme: dark;\n    --bg: #08080a; --bg-2: #0e0e11; --bg-3: #151519; --border: #212127; --border-soft: #1a1a1f;\n    --text: #e4e4e7; --text-dim: #9a9aa2; --text-faint: #55555f;\n    --accent: #8b7cf6; --accent-dim: #4c3fa8;\n    --ok: #34d399; --ok-bg: #0d2b21; --bad: #f87171; --bad-bg: #2d1113; --warn: #fbbf24; --warn-bg: #2b210a;\n  }\n  * { box-sizing: border-box; }\n  body {\n    margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    background: var(--bg); color: var(--text); font-size: 13px; line-height: 1.6; -webkit-font-smoothing: antialiased;\n  }\n  header {\n    padding: 16px 24px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 14px;\n    background: linear-gradient(180deg, var(--bg-2), var(--bg));\n  }\n  header .mark {\n    width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0;\n    background: linear-gradient(135deg, var(--accent), var(--accent-dim));\n    display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; color: #fff;\n  }\n  header h1 { font-size: 14px; font-weight: 700; margin: 0; color: var(--text); letter-spacing: 0.04em; }\n  header .tag { color: var(--text-faint); font-size: 11px; }\n  header .spacer { flex: 1; }\n  .stats { display: flex; gap: 22px; padding: 10px 24px; border-bottom: 1px solid var(--border); background: var(--bg-2); }\n  .stat { display: flex; flex-direction: column; gap: 2px; }\n  .stat .n { font-size: 17px; font-weight: 700; color: var(--text); }\n  .stat .n.ok { color: var(--ok); }\n  .stat .n.bad { color: var(--bad); }\n  .stat .l { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-faint); }\n  nav { display: flex; gap: 4px; padding: 0 24px; border-bottom: 1px solid var(--border); background: var(--bg); }\n  nav button {\n    background: none; border: none; color: var(--text-dim); padding: 11px 14px; cursor: pointer;\n    font-family: inherit; font-size: 12px; font-weight: 500; border-bottom: 2px solid transparent; transition: color .15s;\n  }\n  nav button:hover { color: var(--text); }\n  nav button.active { color: var(--text); border-bottom-color: var(--accent); }\n  main { display: grid; grid-template-columns: 320px 1fr; height: calc(100vh - 140px); }\n  .list { overflow-y: auto; border-right: 1px solid var(--border); background: var(--bg-2); }\n  .list-item { padding: 11px 16px; border-bottom: 1px solid var(--border-soft); cursor: pointer; transition: background .12s; }\n  .list-item:hover { background: var(--bg-3); }\n  .list-item.active { background: var(--bg-3); border-left: 2px solid var(--accent); padding-left: 14px; }\n  .list-item .id { color: var(--text); font-weight: 600; font-size: 12px; }\n  .list-item .meta { color: var(--text-dim); font-size: 11px; margin-top: 3px; }\n  .badge {\n    display: inline-block; padding: 2px 7px; border-radius: 20px; font-size: 9.5px; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 0.03em;\n  }\n  .badge.pass, .badge.pass_with_warnings, .badge.ok { background: var(--ok-bg); color: var(--ok); }\n  .badge.fail, .badge.error, .badge.blocked { background: var(--bad-bg); color: var(--bad); }\n  .badge.running, .badge.pending { background: var(--warn-bg); color: var(--warn); }\n  .badge.unknown { background: var(--bg-3); color: var(--text-dim); }\n  #live { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-faint); }\n  #live .dot { width: 6px; height: 6px; border-radius: 50%; background: #3f3f46; transition: background .2s; }\n  #live.on .dot { background: var(--ok); box-shadow: 0 0 6px var(--ok); animation: pulse 2s ease-in-out infinite; }\n  #live.on { color: var(--ok); }\n  @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }\n  .batch { display: flex; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }\n  .batch-node { border: 1px solid var(--border); border-radius: 6px; padding: 8px 12px; font-size: 11px; flex: 1; min-width: 150px; background: var(--bg-2); }\n  .batch-label { color: var(--text-faint); font-size: 10px; width: 18px; padding-top: 9px; }\n  .detail { padding: 24px; overflow-y: auto; }\n  .empty { color: var(--text-faint); padding: 60px 20px; text-align: center; }\n  section { margin-bottom: 26px; }\n  section h2 {\n    font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent);\n    margin: 0 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--border-soft);\n  }\n  table { width: 100%; border-collapse: collapse; }\n  td, th { padding: 6px 8px; text-align: left; border-bottom: 1px solid var(--border-soft); font-size: 12px; }\n  th { color: var(--text-faint); font-weight: 500; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.03em; }\n  tr:hover td { background: var(--bg-2); }\n  .node-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--border-soft); }\n  .node-row .name { flex: 1; color: var(--text); }\n  .node-row .dur { color: var(--text-faint); font-size: 11px; }\n  .kv { display: flex; gap: 8px; color: var(--text-dim); font-size: 11.5px; margin-bottom: 5px; }\n  .kv b { color: var(--text-faint); font-weight: 500; min-width: 90px; }\n  .score { font-weight: 700; color: var(--text); }\n</style>\n</head>\n<body>\n<header>\n  <span class=\"mark\">\u30A4</span>\n  <h1>IZANAGI</h1>\n  <span class=\"tag\">dashboard local \u2014 foundation (Fase 7)</span>\n  <span class=\"spacer\"></span>\n  <span id=\"live\"><span class=\"dot\"></span><span id=\"live-label\">conectando\u2026</span></span>\n</header>\n<div class=\"stats\" id=\"stats\"></div>\n<nav>\n  <button data-tab=\"runs\" class=\"active\">Runs</button>\n  <button data-tab=\"arena\">Arena</button>\n  <button data-tab=\"memory\">Memory</button>\n</nav>\n<main>\n  <div class=\"list\" id=\"list\"></div>\n  <div class=\"detail\" id=\"detail\"><div class=\"empty\">Selecione um item \u00E0 esquerda.</div></div>\n</main>\n<script>\nlet currentTab = 'runs';\nlet items = [];\nlet selectedRunId = null;\n\nfunction badge(status) {\n  const s = (status || 'running').toLowerCase();\n  return '<span class=\"badge ' + s + '\">' + s + '</span>';\n}\nfunction fmtMs(ms) { return ms == null ? '-' : (ms < 1000 ? ms + 'ms' : (ms / 1000).toFixed(1) + 's'); }\nfunction esc(s) { return String(s ?? '').replace(/[&<>]/g, (c) => ({'&':'&amp;','<':'&lt;','>':'&gt;'}[c])); }\n\nasync function loadTab(tab) {\n  currentTab = tab;\n  selectedRunId = null;\n  document.querySelectorAll('nav button').forEach((b) => b.classList.toggle('active', b.dataset.tab === tab));\n  document.getElementById('detail').innerHTML = '<div class=\"empty\">Selecione um item \u00E0 esquerda.</div>';\n  await refreshList();\n}\n\nfunction renderStats(runs) {\n  const stats = document.getElementById('stats');\n  const total = runs.length;\n  const finished = runs.filter((r) => r.evaluation);\n  const passed = finished.filter((r) => r.evaluation.verdict === 'PASS' || r.evaluation.verdict === 'PASS_WITH_WARNINGS').length;\n  const running = total - finished.length;\n  const avgScore = finished.length ? (finished.reduce((a, r) => a + (r.evaluation.score || 0), 0) / finished.length).toFixed(2) : '-';\n  const healingRuns = runs.filter((r) => (r.healing || []).length > 0).length;\n  stats.innerHTML =\n    stat(total, 'runs') +\n    stat(finished.length ? Math.round((passed / finished.length) * 100) + '%' : '-', 'pass rate', passed >= finished.length / 2 ? 'ok' : 'bad') +\n    stat(avgScore, 'score m\u00E9dio') +\n    stat(running, 'em andamento', running > 0 ? 'ok' : '') +\n    stat(healingRuns, 'com healing');\n}\nfunction stat(n, label, cls) {\n  return '<div class=\"stat\"><span class=\"n' + (cls ? ' ' + cls : '') + '\">' + n + '</span><span class=\"l\">' + label + '</span></div>';\n}\n\nasync function refreshList() {\n  const list = document.getElementById('list');\n\n  if (currentTab === 'runs') {\n    items = await (await fetch('/api/runs')).json();\n    list.innerHTML = items.map((r, i) =>\n      '<div class=\"list-item' + (r.runId === selectedRunId ? ' active' : '') + '\" data-i=\"' + i + '\">' +\n        '<div class=\"id\">' + esc(r.runId) + '</div>' +\n        '<div class=\"meta\">' + badge(r.evaluation && r.evaluation.verdict) + ' ' + esc(r.task || '').slice(0, 40) + ' \u00B7 ' + fmtMs(r.durationMs) + '</div>' +\n      '</div>'\n    ).join('') || '<div class=\"empty\">nenhum run ainda \u2014 rode \"izanagi run\"</div>';\n    list.querySelectorAll('.list-item').forEach((el) => el.addEventListener('click', () => selectRun(items[+el.dataset.i].runId, el)));\n    renderStats(items);\n  }\n\n  if (currentTab === 'arena') {\n    document.getElementById('stats').innerHTML = '';\n    items = await (await fetch('/api/benchmarks')).json();\n    list.innerHTML = items.map((r, i) =>\n      '<div class=\"list-item\" data-i=\"' + i + '\">' +\n        '<div class=\"id\">' + esc(r.id) + '</div>' +\n        '<div class=\"meta\">' + esc(r.suite) + ' \u00B7 <span class=\"score\">' + r.summary.avgScore + '</span> \u00B7 ' + r.summary.passed + '/' + r.summary.total + '</div>' +\n      '</div>'\n    ).join('') || '<div class=\"empty\">nenhum benchmark rodado ainda \u2014 \"izanagi arena run\"</div>';\n    list.querySelectorAll('.list-item').forEach((el) => el.addEventListener('click', () => selectBenchmark(items[+el.dataset.i], el)));\n  }\n\n  if (currentTab === 'memory') {\n    document.getElementById('stats').innerHTML = '';\n    const m = await (await fetch('/api/memory')).json();\n    list.innerHTML = '<div class=\"list-item active\"><div class=\"id\">resumo</div><div class=\"meta\">agentes, skills, modelos, failures, learnings</div></div>';\n    renderMemory(m);\n  }\n}\n\nasync function selectRun(runId, el) {\n  selectedRunId = runId;\n  document.querySelectorAll('.list-item').forEach((x) => x.classList.remove('active'));\n  el.classList.add('active');\n  const data = await (await fetch('/api/runs/' + runId)).json();\n  renderRun(data.trace, data.artifacts);\n}\n\nfunction renderExecutionGraph(trace) {\n  const graph = trace.graph;\n  if (!graph || !graph.parallelBatches || !graph.parallelBatches.length) {\n    return (trace.spans || []).map((s) =>\n      '<div class=\"node-row\">' + badge(s.status) + '<span class=\"name\">' + esc(s.name) + ' <span style=\"color:#52525b\">[' + esc(s.type) + ']</span></span><span class=\"dur\">' + fmtMs(s.durationMs) + '</span></div>'\n    ).join('') || '<div class=\"empty\">sem spans</div>';\n  }\n  const byId = Object.fromEntries((graph.nodes || []).map((n) => [n.id, n]));\n  return graph.parallelBatches.map((batch, i) =>\n    '<div class=\"batch\"><span class=\"batch-label\">' + (i + 1) + '</span>' +\n    batch.map((id) => {\n      const n = byId[id] || { id, status: 'unknown' };\n      return '<div class=\"batch-node\">' + badge(n.status) + ' <b>' + esc(n.id) + '</b><br><span style=\"color:#52525b\">' + esc(n.agent || (n.skills || []).join(',') || n.kind) + ' \u00B7 ' + fmtMs(n.durationMs) + '</span></div>';\n    }).join('') +\n    '</div>'\n  ).join('') + '<div class=\"kv\" style=\"margin-top:6px\"><b>legenda</b>cada linha \u00E9 um lote paralelo \u2014 n\u00F3s lado a lado rodaram ao mesmo tempo</div>';\n}\n\nfunction renderRun(trace, artifacts) {\n  const ev = trace.evaluation;\n  const running = !ev;\n  let html = '';\n  html += '<section><h2>Run</h2>';\n  html += '<div class=\"kv\"><b>id</b>' + esc(trace.runId) + '</div>';\n  html += '<div class=\"kv\"><b>task</b>' + esc(trace.task) + '</div>';\n  html += '<div class=\"kv\"><b>status</b>' + (running ? badge('running') : badge(ev.verdict)) + '</div>';\n  html += '<div class=\"kv\"><b>dura\u00E7\u00E3o</b>' + fmtMs(trace.durationMs) + (running ? ' (em andamento)' : '') + '</div>';\n  html += '<div class=\"kv\"><b>modelo</b>' + esc(trace.model || '-') + '</div>';\n  html += '<div class=\"kv\"><b>agentes</b>' + esc((trace.agents || []).join(', ')) + '</div>';\n  html += '<div class=\"kv\"><b>skills</b>' + esc((trace.skills || []).join(', ')) + '</div>';\n  html += '<div class=\"kv\"><b>tokens</b>' + (trace.tokens ? trace.tokens.total : '-') + '</div>';\n  html += '</section>';\n\n  if (ev) {\n    html += '<section><h2>Evaluation</h2>';\n    html += '<div class=\"kv\"><b>score</b><span class=\"score\">' + ev.score + '</span></div>';\n    html += '<div class=\"kv\"><b>verdict</b>' + badge(ev.verdict) + '</div>';\n    if (ev.metrics) {\n      html += '<table>' + Object.entries(ev.metrics).map(([k, v]) => '<tr><td>' + esc(k) + '</td><td>' + v + '</td></tr>').join('') + '</table>';\n    }\n    html += '</section>';\n  }\n\n  html += '<section><h2>Execution Graph</h2>' + renderExecutionGraph(trace) + '</section>';\n\n  if (trace.healing && trace.healing.length) {\n    html += '<section><h2>Healing</h2>';\n    html += trace.healing.map((h) =>\n      '<div class=\"kv\"><b>' + esc(h.kind) + '</b>' + esc(h.category || h.failureKind) + ' \u2014 ' + esc((h.message || '').slice(0, 100)) + '</div>'\n    ).join('');\n    html += '</section>';\n  }\n\n  html += '<section><h2>Artifacts</h2>';\n  html += '<table><tr><th>nome</th><th>vers\u00E3o</th><th>v\u00E1lido</th><th>produtor</th></tr>' +\n    (artifacts || []).map((a) => '<tr><td>' + esc(a.name) + '</td><td>' + a.version + '</td><td>' + (a.valid ? '\u2714' : '\u2716') + '</td><td>' + esc((a.producer && (a.producer.agent || a.producer.skill)) || '-') + '</td></tr>').join('') +\n    '</table></section>';\n\n  document.getElementById('detail').innerHTML = html;\n}\n\nfunction selectBenchmark(report, el) {\n  document.querySelectorAll('.list-item').forEach((x) => x.classList.remove('active'));\n  el.classList.add('active');\n  let html = '<section><h2>Benchmark Report</h2>';\n  html += '<div class=\"kv\"><b>id</b>' + esc(report.id) + '</div>';\n  html += '<div class=\"kv\"><b>suite</b>' + esc(report.suite) + '</div>';\n  html += '<div class=\"kv\"><b>framework</b>v' + esc(report.frameworkVersion) + '</div>';\n  html += '<div class=\"kv\"><b>score m\u00E9dio</b><span class=\"score\">' + report.summary.avgScore + '</span></div>';\n  html += '<div class=\"kv\"><b>passou</b>' + report.summary.passed + '/' + report.summary.total + '</div>';\n  html += '</section><section><h2>Por dom\u00EDnio</h2><table>' +\n    Object.entries(report.byDomain || {}).map(([d, s]) => '<tr><td>' + esc(d) + '</td><td>' + s + '</td></tr>').join('') +\n    '</table></section><section><h2>Casos</h2><table><tr><th>caso</th><th>dom\u00EDnio</th><th>status</th><th>score</th></tr>' +\n    report.results.map((r) => '<tr><td>' + esc(r.caseId) + '</td><td>' + esc(r.domain) + '</td><td>' + badge(r.passed ? 'pass' : 'fail') + '</td><td>' + r.score + '</td></tr>').join('') +\n    '</table></section>';\n  document.getElementById('detail').innerHTML = html;\n}\n\nfunction renderMemory(m) {\n  let html = '<section><h2>Agentes</h2><table><tr><th>agente</th><th>runs</th><th>score m\u00E9dio</th></tr>' +\n    Object.entries(m.agents || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.runs + '</td><td>' + s.avgScore.toFixed(2) + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Skills</h2><table><tr><th>skill</th><th>uses</th></tr>' +\n    Object.entries(m.skills || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.uses + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Modelos</h2><table><tr><th>modelo</th><th>runs</th><th>taxa de sucesso</th><th>tokens m\u00E9dios</th></tr>' +\n    Object.entries(m.models || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.runs + '</td><td>' + Math.round((s.successes / Math.max(1, s.runs)) * 100) + '%</td><td>' + Math.round(s.avgTokens) + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Failure patterns ativos</h2><table><tr><th>pattern</th><th>ocorr\u00EAncias</th><th>confian\u00E7a</th></tr>' +\n    (m.failures || []).map((f) => '<tr><td>' + esc(f.pattern) + '</td><td>' + f.occurrences + '</td><td>' + f.confidence + '</td></tr>').join('') +\n    '</table></section>';\n  html += '<section><h2>Learnings</h2>' +\n    (m.learnings || []).map((l) => '<div class=\"kv\">' + esc(l.text) + '</div>').join('') +\n    '</section>';\n  document.getElementById('detail').innerHTML = html;\n}\n\nfunction connectLive() {\n  const live = document.getElementById('live');\n  const label = document.getElementById('live-label');\n  const source = new EventSource('/api/events');\n  source.onopen = () => { live.classList.add('on'); label.textContent = 'live'; };\n  source.onerror = () => { live.classList.remove('on'); label.textContent = 'reconectando\u2026'; };\n  source.onmessage = async (evt) => {\n    let payload;\n    try { payload = JSON.parse(evt.data); } catch { return; }\n    if (payload.kind === 'runs' && (currentTab === 'runs')) {\n      await refreshList();\n      if (selectedRunId) {\n        const data = await (await fetch('/api/runs/' + selectedRunId)).json();\n        renderRun(data.trace, data.artifacts);\n      }\n    }\n    if (payload.kind === 'benchmarks' && currentTab === 'arena') {\n      await refreshList();\n    }\n  };\n}\n\ndocument.querySelectorAll('nav button').forEach((b) => b.addEventListener('click', () => loadTab(b.dataset.tab)));\nloadTab('runs');\nconnectLive();\n</script>\n</body>\n</html>\n";
 //# sourceMappingURL=page.d.ts.map

package/dist/runtime/dashboard/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/runtime/dashboard/page.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,cAAc,qyVAyM1B,CAAC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/runtime/dashboard/page.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,cAAc,iriBAuT1B,CAAC"}

package/dist/runtime/dashboard/page.js

@@ -9,53 +9,94 @@ export const DASHBOARD_HTML = `<!doctype html>
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Izanagi Dashboard</title>
 <style>
-  :root { color-scheme: dark; }
+  :root {
+    color-scheme: dark;
+    --bg: #08080a; --bg-2: #0e0e11; --bg-3: #151519; --border: #212127; --border-soft: #1a1a1f;
+    --text: #e4e4e7; --text-dim: #9a9aa2; --text-faint: #55555f;
+    --accent: #8b7cf6; --accent-dim: #4c3fa8;
+    --ok: #34d399; --ok-bg: #0d2b21; --bad: #f87171; --bad-bg: #2d1113; --warn: #fbbf24; --warn-bg: #2b210a;
+  }
   * { box-sizing: border-box; }
   body {
     margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-    background: #0a0a0c; color: #d4d4d8; font-size: 13px; line-height: 1.5;
+    background: var(--bg); color: var(--text); font-size: 13px; line-height: 1.6; -webkit-font-smoothing: antialiased;
+  }
+  header {
+    padding: 16px 24px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 14px;
+    background: linear-gradient(180deg, var(--bg-2), var(--bg));
+  }
+  header .mark {
+    width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0;
+    background: linear-gradient(135deg, var(--accent), var(--accent-dim));
+    display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; color: #fff;
   }
-  header { padding: 14px 20px; border-bottom: 1px solid #27272a; display: flex; align-items: center; gap: 16px; }
-  header h1 { font-size: 14px; font-weight: 600; margin: 0; color: #e4e4e7; letter-spacing: 0.02em; }
-  header .tag { color: #71717a; font-size: 11px; }
-  nav { display: flex; gap: 2px; padding: 0 20px; border-bottom: 1px solid #27272a; }
+  header h1 { font-size: 14px; font-weight: 700; margin: 0; color: var(--text); letter-spacing: 0.04em; }
+  header .tag { color: var(--text-faint); font-size: 11px; }
+  header .spacer { flex: 1; }
+  .stats { display: flex; gap: 22px; padding: 10px 24px; border-bottom: 1px solid var(--border); background: var(--bg-2); }
+  .stat { display: flex; flex-direction: column; gap: 2px; }
+  .stat .n { font-size: 17px; font-weight: 700; color: var(--text); }
+  .stat .n.ok { color: var(--ok); }
+  .stat .n.bad { color: var(--bad); }
+  .stat .l { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-faint); }
+  nav { display: flex; gap: 4px; padding: 0 24px; border-bottom: 1px solid var(--border); background: var(--bg); }
   nav button {
-    background: none; border: none; color: #71717a; padding: 10px 14px; cursor: pointer;
-    font-family: inherit; font-size: 12px; border-bottom: 2px solid transparent;
+    background: none; border: none; color: var(--text-dim); padding: 11px 14px; cursor: pointer;
+    font-family: inherit; font-size: 12px; font-weight: 500; border-bottom: 2px solid transparent; transition: color .15s;
+  }
+  nav button:hover { color: var(--text); }
+  nav button.active { color: var(--text); border-bottom-color: var(--accent); }
+  main { display: grid; grid-template-columns: 320px 1fr; height: calc(100vh - 140px); }
+  .list { overflow-y: auto; border-right: 1px solid var(--border); background: var(--bg-2); }
+  .list-item { padding: 11px 16px; border-bottom: 1px solid var(--border-soft); cursor: pointer; transition: background .12s; }
+  .list-item:hover { background: var(--bg-3); }
+  .list-item.active { background: var(--bg-3); border-left: 2px solid var(--accent); padding-left: 14px; }
+  .list-item .id { color: var(--text); font-weight: 600; font-size: 12px; }
+  .list-item .meta { color: var(--text-dim); font-size: 11px; margin-top: 3px; }
+  .badge {
+    display: inline-block; padding: 2px 7px; border-radius: 20px; font-size: 9.5px; font-weight: 700;
+    text-transform: uppercase; letter-spacing: 0.03em;
+  }
+  .badge.pass, .badge.pass_with_warnings, .badge.ok { background: var(--ok-bg); color: var(--ok); }
+  .badge.fail, .badge.error, .badge.blocked { background: var(--bad-bg); color: var(--bad); }
+  .badge.running, .badge.pending { background: var(--warn-bg); color: var(--warn); }
+  .badge.unknown { background: var(--bg-3); color: var(--text-dim); }
+  #live { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-faint); }
+  #live .dot { width: 6px; height: 6px; border-radius: 50%; background: #3f3f46; transition: background .2s; }
+  #live.on .dot { background: var(--ok); box-shadow: 0 0 6px var(--ok); animation: pulse 2s ease-in-out infinite; }
+  #live.on { color: var(--ok); }
+  @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
+  .batch { display: flex; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
+  .batch-node { border: 1px solid var(--border); border-radius: 6px; padding: 8px 12px; font-size: 11px; flex: 1; min-width: 150px; background: var(--bg-2); }
+  .batch-label { color: var(--text-faint); font-size: 10px; width: 18px; padding-top: 9px; }
+  .detail { padding: 24px; overflow-y: auto; }
+  .empty { color: var(--text-faint); padding: 60px 20px; text-align: center; }
+  section { margin-bottom: 26px; }
+  section h2 {
+    font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent);
+    margin: 0 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--border-soft);
   }
-  nav button.active { color: #e4e4e7; border-bottom-color: #52525b; }
-  main { display: grid; grid-template-columns: 340px 1fr; height: calc(100vh - 90px); }
-  .list { overflow-y: auto; border-right: 1px solid #27272a; }
-  .list-item { padding: 10px 16px; border-bottom: 1px solid #18181b; cursor: pointer; }
-  .list-item:hover { background: #18181b; }
-  .list-item.active { background: #1f1f23; border-left: 2px solid #52525b; }
-  .list-item .id { color: #e4e4e7; font-weight: 600; font-size: 12px; }
-  .list-item .meta { color: #71717a; font-size: 11px; margin-top: 2px; }
-  .badge { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; }
-  .badge.pass, .badge.ok { background: #14532d; color: #86efac; }
-  .badge.fail, .badge.error { background: #450a0a; color: #fca5a5; }
-  .badge.blocked, .badge.pending { background: #451a03; color: #fdba74; }
-  .badge.unknown { background: #27272a; color: #a1a1aa; }
-  .detail { padding: 20px; overflow-y: auto; }
-  .empty { color: #52525b; padding: 40px; text-align: center; }
-  section { margin-bottom: 24px; }
-  section h2 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #71717a; margin: 0 0 8px; }
   table { width: 100%; border-collapse: collapse; }
-  td, th { padding: 4px 8px; text-align: left; border-bottom: 1px solid #18181b; font-size: 12px; }
-  th { color: #71717a; font-weight: 500; }
-  .node-row { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid #18181b; }
-  .node-row .name { flex: 1; color: #d4d4d8; }
-  .node-row .dur { color: #52525b; font-size: 11px; }
-  .kv { display: flex; gap: 6px; color: #a1a1aa; font-size: 11px; margin-bottom: 4px; }
-  .kv b { color: #71717a; font-weight: 500; min-width: 90px; }
-  .score { font-weight: 700; }
+  td, th { padding: 6px 8px; text-align: left; border-bottom: 1px solid var(--border-soft); font-size: 12px; }
+  th { color: var(--text-faint); font-weight: 500; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.03em; }
+  tr:hover td { background: var(--bg-2); }
+  .node-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--border-soft); }
+  .node-row .name { flex: 1; color: var(--text); }
+  .node-row .dur { color: var(--text-faint); font-size: 11px; }
+  .kv { display: flex; gap: 8px; color: var(--text-dim); font-size: 11.5px; margin-bottom: 5px; }
+  .kv b { color: var(--text-faint); font-weight: 500; min-width: 90px; }
+  .score { font-weight: 700; color: var(--text); }
 </style>
 </head>
 <body>
 <header>
+  <span class="mark">イ</span>
   <h1>IZANAGI</h1>
   <span class="tag">dashboard local — foundation (Fase 7)</span>
+  <span class="spacer"></span>
+  <span id="live"><span class="dot"></span><span id="live-label">conectando…</span></span>
 </header>
+<div class="stats" id="stats"></div>
 <nav>
   <button data-tab="runs" class="active">Runs</button>
   <button data-tab="arena">Arena</button>
@@ -68,9 +109,10 @@ export const DASHBOARD_HTML = `<!doctype html>
 <script>
 let currentTab = 'runs';
 let items = [];
+let selectedRunId = null;
 
 function badge(status) {
-  const s = (status || 'unknown').toLowerCase();
+  const s = (status || 'running').toLowerCase();
   return '<span class="badge ' + s + '">' + s + '</span>';
 }
 function fmtMs(ms) { return ms == null ? '-' : (ms < 1000 ? ms + 'ms' : (ms / 1000).toFixed(1) + 's'); }
@@ -78,23 +120,48 @@ function esc(s) { return String(s ?? '').replace(/[&<>]/g, (c) => ({'&':'&amp;',
 
 async function loadTab(tab) {
   currentTab = tab;
+  selectedRunId = null;
   document.querySelectorAll('nav button').forEach((b) => b.classList.toggle('active', b.dataset.tab === tab));
   document.getElementById('detail').innerHTML = '<div class="empty">Selecione um item à esquerda.</div>';
+  await refreshList();
+}
+
+function renderStats(runs) {
+  const stats = document.getElementById('stats');
+  const total = runs.length;
+  const finished = runs.filter((r) => r.evaluation);
+  const passed = finished.filter((r) => r.evaluation.verdict === 'PASS' || r.evaluation.verdict === 'PASS_WITH_WARNINGS').length;
+  const running = total - finished.length;
+  const avgScore = finished.length ? (finished.reduce((a, r) => a + (r.evaluation.score || 0), 0) / finished.length).toFixed(2) : '-';
+  const healingRuns = runs.filter((r) => (r.healing || []).length > 0).length;
+  stats.innerHTML =
+    stat(total, 'runs') +
+    stat(finished.length ? Math.round((passed / finished.length) * 100) + '%' : '-', 'pass rate', passed >= finished.length / 2 ? 'ok' : 'bad') +
+    stat(avgScore, 'score médio') +
+    stat(running, 'em andamento', running > 0 ? 'ok' : '') +
+    stat(healingRuns, 'com healing');
+}
+function stat(n, label, cls) {
+  return '<div class="stat"><span class="n' + (cls ? ' ' + cls : '') + '">' + n + '</span><span class="l">' + label + '</span></div>';
+}
+
+async function refreshList() {
   const list = document.getElementById('list');
-  list.innerHTML = '<div class="empty">carregando…</div>';
 
-  if (tab === 'runs') {
+  if (currentTab === 'runs') {
     items = await (await fetch('/api/runs')).json();
     list.innerHTML = items.map((r, i) =>
-      '<div class="list-item" data-i="' + i + '">' +
+      '<div class="list-item' + (r.runId === selectedRunId ? ' active' : '') + '" data-i="' + i + '">' +
         '<div class="id">' + esc(r.runId) + '</div>' +
         '<div class="meta">' + badge(r.evaluation && r.evaluation.verdict) + ' ' + esc(r.task || '').slice(0, 40) + ' · ' + fmtMs(r.durationMs) + '</div>' +
       '</div>'
     ).join('') || '<div class="empty">nenhum run ainda — rode "izanagi run"</div>';
     list.querySelectorAll('.list-item').forEach((el) => el.addEventListener('click', () => selectRun(items[+el.dataset.i].runId, el)));
+    renderStats(items);
   }
 
-  if (tab === 'arena') {
+  if (currentTab === 'arena') {
+    document.getElementById('stats').innerHTML = '';
     items = await (await fetch('/api/benchmarks')).json();
     list.innerHTML = items.map((r, i) =>
       '<div class="list-item" data-i="' + i + '">' +
@@ -105,28 +172,49 @@ async function loadTab(tab) {
     list.querySelectorAll('.list-item').forEach((el) => el.addEventListener('click', () => selectBenchmark(items[+el.dataset.i], el)));
   }
 
-  if (tab === 'memory') {
+  if (currentTab === 'memory') {
+    document.getElementById('stats').innerHTML = '';
     const m = await (await fetch('/api/memory')).json();
-    list.innerHTML = '<div class="list-item active"><div class="id">resumo</div><div class="meta">agentes, skills, failures, learnings</div></div>';
+    list.innerHTML = '<div class="list-item active"><div class="id">resumo</div><div class="meta">agentes, skills, modelos, failures, learnings</div></div>';
     renderMemory(m);
   }
 }
 
 async function selectRun(runId, el) {
+  selectedRunId = runId;
   document.querySelectorAll('.list-item').forEach((x) => x.classList.remove('active'));
   el.classList.add('active');
   const data = await (await fetch('/api/runs/' + runId)).json();
   renderRun(data.trace, data.artifacts);
 }
 
+function renderExecutionGraph(trace) {
+  const graph = trace.graph;
+  if (!graph || !graph.parallelBatches || !graph.parallelBatches.length) {
+    return (trace.spans || []).map((s) =>
+      '<div class="node-row">' + badge(s.status) + '<span class="name">' + esc(s.name) + ' <span style="color:#52525b">[' + esc(s.type) + ']</span></span><span class="dur">' + fmtMs(s.durationMs) + '</span></div>'
+    ).join('') || '<div class="empty">sem spans</div>';
+  }
+  const byId = Object.fromEntries((graph.nodes || []).map((n) => [n.id, n]));
+  return graph.parallelBatches.map((batch, i) =>
+    '<div class="batch"><span class="batch-label">' + (i + 1) + '</span>' +
+    batch.map((id) => {
+      const n = byId[id] || { id, status: 'unknown' };
+      return '<div class="batch-node">' + badge(n.status) + ' <b>' + esc(n.id) + '</b><br><span style="color:#52525b">' + esc(n.agent || (n.skills || []).join(',') || n.kind) + ' · ' + fmtMs(n.durationMs) + '</span></div>';
+    }).join('') +
+    '</div>'
+  ).join('') + '<div class="kv" style="margin-top:6px"><b>legenda</b>cada linha é um lote paralelo — nós lado a lado rodaram ao mesmo tempo</div>';
+}
+
 function renderRun(trace, artifacts) {
   const ev = trace.evaluation;
+  const running = !ev;
   let html = '';
   html += '<section><h2>Run</h2>';
   html += '<div class="kv"><b>id</b>' + esc(trace.runId) + '</div>';
   html += '<div class="kv"><b>task</b>' + esc(trace.task) + '</div>';
-  html += '<div class="kv"><b>status</b>' + badge(ev && ev.verdict) + '</div>';
-  html += '<div class="kv"><b>duração</b>' + fmtMs(trace.durationMs) + '</div>';
+  html += '<div class="kv"><b>status</b>' + (running ? badge('running') : badge(ev.verdict)) + '</div>';
+  html += '<div class="kv"><b>duração</b>' + fmtMs(trace.durationMs) + (running ? ' (em andamento)' : '') + '</div>';
   html += '<div class="kv"><b>modelo</b>' + esc(trace.model || '-') + '</div>';
   html += '<div class="kv"><b>agentes</b>' + esc((trace.agents || []).join(', ')) + '</div>';
   html += '<div class="kv"><b>skills</b>' + esc((trace.skills || []).join(', ')) + '</div>';
@@ -143,11 +231,7 @@ function renderRun(trace, artifacts) {
     html += '</section>';
   }
 
-  html += '<section><h2>Execution Graph (spans)</h2>';
-  html += (trace.spans || []).map((s) =>
-    '<div class="node-row">' + badge(s.status) + '<span class="name">' + esc(s.name) + ' <span style="color:#52525b">[' + esc(s.type) + ']</span></span><span class="dur">' + fmtMs(s.durationMs) + '</span></div>'
-  ).join('') || '<div class="empty">sem spans</div>';
-  html += '</section>';
+  html += '<section><h2>Execution Graph</h2>' + renderExecutionGraph(trace) + '</section>';
 
   if (trace.healing && trace.healing.length) {
     html += '<section><h2>Healing</h2>';
@@ -189,6 +273,9 @@ function renderMemory(m) {
   html += '<section><h2>Skills</h2><table><tr><th>skill</th><th>uses</th></tr>' +
     Object.entries(m.skills || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.uses + '</td></tr>').join('') +
     '</table></section>';
+  html += '<section><h2>Modelos</h2><table><tr><th>modelo</th><th>runs</th><th>taxa de sucesso</th><th>tokens médios</th></tr>' +
+    Object.entries(m.models || {}).map(([id, s]) => '<tr><td>' + esc(id) + '</td><td>' + s.runs + '</td><td>' + Math.round((s.successes / Math.max(1, s.runs)) * 100) + '%</td><td>' + Math.round(s.avgTokens) + '</td></tr>').join('') +
+    '</table></section>';
   html += '<section><h2>Failure patterns ativos</h2><table><tr><th>pattern</th><th>ocorrências</th><th>confiança</th></tr>' +
     (m.failures || []).map((f) => '<tr><td>' + esc(f.pattern) + '</td><td>' + f.occurrences + '</td><td>' + f.confidence + '</td></tr>').join('') +
     '</table></section>';
@@ -198,8 +285,31 @@ function renderMemory(m) {
   document.getElementById('detail').innerHTML = html;
 }
 
+function connectLive() {
+  const live = document.getElementById('live');
+  const label = document.getElementById('live-label');
+  const source = new EventSource('/api/events');
+  source.onopen = () => { live.classList.add('on'); label.textContent = 'live'; };
+  source.onerror = () => { live.classList.remove('on'); label.textContent = 'reconectando…'; };
+  source.onmessage = async (evt) => {
+    let payload;
+    try { payload = JSON.parse(evt.data); } catch { return; }
+    if (payload.kind === 'runs' && (currentTab === 'runs')) {
+      await refreshList();
+      if (selectedRunId) {
+        const data = await (await fetch('/api/runs/' + selectedRunId)).json();
+        renderRun(data.trace, data.artifacts);
+      }
+    }
+    if (payload.kind === 'benchmarks' && currentTab === 'arena') {
+      await refreshList();
+    }
+  };
+}
+
 document.querySelectorAll('nav button').forEach((b) => b.addEventListener('click', () => loadTab(b.dataset.tab)));
 loadTab('runs');
+connectLive();
 </script>
 </body>
 </html>

package/dist/runtime/dashboard/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../src/runtime/dashboard/page.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyM7B,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../src/runtime/dashboard/page.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuT7B,CAAC"}

package/dist/runtime/dashboard/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/runtime/dashboard/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;CACjB;AAQD,mHAAmH;AACnH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,sBAAsB,GAAG,IAAI,CAAC,MAAM,CA2D/E"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/runtime/dashboard/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;CACjB;AAoCD,mHAAmH;AACnH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,sBAAsB,GAAG,IAAI,CAAC,MAAM,CAsF/E"}