npm - @andresmassello/uscha - Versions diffs - 1.40.2 → 1.43.0 - Mend

@andresmassello/uscha 1.40.2 → 1.43.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 (39) hide show

package/README.md +6 -6
package/bin/uscha.js +19 -7
package/package.json +1 -1
package/uscha-kit/.claude/skills/uscha-adr-refine/SKILL.md +2 -2
package/uscha-kit/.claude/skills/uscha-devloop/SKILL.md +3 -1
package/uscha-kit/.claude/skills/uscha-devloop/qa_ledger.py +729 -155
package/uscha-kit/.claude/skills/uscha-mirador/SKILL.md +22 -7
package/uscha-kit/.claude/skills/uscha-mirador/mirador-render.py +44 -5
package/uscha-kit/.claude/skills/uscha-mirador/mirador-watch.ps1 +1 -1
package/uscha-kit/.claude/skills/uscha-mirador/mirador-watch.sh +1 -1
package/uscha-kit/.claude/skills/uscha-mirador/mirador.template.html +666 -586
package/uscha-kit/.claude-plugin/plugin.json +1 -1
package/uscha-kit/.codex-plugin/plugin.json +1 -1
package/uscha-kit/CHANGELOG-1.41.0.md +18 -0
package/uscha-kit/CHANGELOG-1.41.1.md +53 -0
package/uscha-kit/CHANGELOG-1.41.2.md +34 -0
package/uscha-kit/CHANGELOG-1.41.3.md +30 -0
package/uscha-kit/CHANGELOG-1.42.0.md +41 -0
package/uscha-kit/CHANGELOG-1.43.0.md +37 -0
package/uscha-kit/INSTALL.md +120 -101
package/uscha-kit/README.md +24 -13
package/uscha-kit/VERSION +1 -1
package/uscha-kit/WORKBENCH.md +19 -5
package/uscha-kit/hooks/block-approved-writes.py +25 -0
package/uscha-kit/install-uscha.py +534 -267
package/uscha-kit/skills/uscha-adr-refine/SKILL.md +2 -2
package/uscha-kit/skills/uscha-devloop/SKILL.md +3 -1
package/uscha-kit/skills/uscha-devloop/qa_ledger.py +729 -155
package/uscha-kit/skills/uscha-mirador/SKILL.md +22 -7
package/uscha-kit/skills/uscha-mirador/mirador-render.py +44 -5
package/uscha-kit/skills/uscha-mirador/mirador-watch.ps1 +1 -1
package/uscha-kit/skills/uscha-mirador/mirador-watch.sh +1 -1
package/uscha-kit/skills/uscha-mirador/mirador.template.html +666 -586
package/uscha-kit/templates/CONSTITUTION.md +4 -4
package/uscha-kit/templates/docs/adr/README.md +19 -19
package/uscha-kit/tests/ledger-integrity-regressions.py +136 -0
package/uscha-kit/tests/smoke-engine.sh +1312 -29
package/uscha-kit/uscha.config.json +1 -1
package/uscha-kit/workbench-doctor.sh +47 -3

package/uscha-kit/.claude/skills/uscha-mirador/mirador.template.html CHANGED Viewed

@@ -1,586 +1,666 @@
-<!doctype html>
-<html lang="es">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Mirador — estado del proyecto · Uscha</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
-<style>
-:root{
-  --bg:#f3f5f7; --paper:#ffffff; --ink:#14171c; --ink-soft:#3b424b; --ink-mute:#8b929b;
-  --red:#e30613; --red-deep:#b00410; --red-soft:#fff1f2;
-  --green:#1f9d57; --green-soft:#e9f7ef; --amber:#e0930c; --amber-soft:#fff5e1;
-  --terrain:#d9d2c4; --terrain-line:#c7bda9; --rule:#e6e9ee; --stone:#8b8578;
-  --sans:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
-  --mono:"JetBrains Mono",monospace;
-}
-*{box-sizing:border-box;margin:0;padding:0}
-html{scroll-behavior:smooth}
-body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}
-body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.022) 1px,transparent 0);background-size:5px 5px;pointer-events:none;z-index:0}
-.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);position:relative;z-index:1}
-/* topbar */
-.topbar{background:var(--ink);color:#fff;height:46px;display:flex;align-items:center}
-.topbar .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
-.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:-.02em}
-.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(227,6,19,.25)}
-.brand .cmd{font-family:var(--mono);font-weight:500;font-size:.78rem;color:#aeb4bd;background:#22262e;padding:2px 8px;border-radius:5px;margin-left:.4rem}
-.topbar .meta{font-family:var(--mono);font-size:.72rem;color:#8b929b;letter-spacing:.04em}
-.topbar .meta b{color:#cbd2dc;font-weight:500}
-/* hero verdict + trail */
-.hero{padding:clamp(1.4rem,4vw,2.4rem) 0 .6rem}
-.verdict{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.2rem}
-.verdict .band{font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.08em;padding:5px 12px;border-radius:7px}
-.verdict h1{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.03em;line-height:1.08}
-.verdict h1 .score{color:var(--ink-mute);font-weight:600;font-size:.62em}
-.verdict .sub{width:100%;color:var(--ink-soft);font-size:1.02rem;margin-top:.15rem}
-.verdict .sub b{color:var(--red-deep)}
-.trailcard{background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:.4rem .4rem 0;margin-top:1rem;box-shadow:0 24px 50px -40px rgba(0,0,0,.35);overflow:hidden}
-.trailcard .cap{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem .1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
-.trailcard .cap .legend{display:flex;gap:.9rem}
-.trailcard .cap .legend span{display:flex;align-items:center;gap:.32rem}
-.trailcard .cap .legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
-svg{display:block;width:100%;height:auto}
-.moj{cursor:pointer}
-.moj:focus{outline:none}
-.moj:focus .stone{stroke:var(--ink);stroke-width:2.5}
-.moj .stone{transition:transform .15s}
-.moj:hover .stone{transform:translateY(-2px)}
-@media (prefers-reduced-motion: no-preference){
-  .pulse{animation:pulse 1.8s ease-in-out infinite}
-  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
-}
-.mlabel{font-family:var(--sans);font-weight:700;font-size:12.5px;fill:var(--ink)}
-.mcount{font-family:var(--mono);font-size:10.5px;fill:var(--ink-mute)}
-.mphase{font-family:var(--mono);font-size:9px;letter-spacing:.1em;fill:var(--ink-mute);text-transform:uppercase}
-/* timelapse */
-.lapse{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem 1rem}
-.lapse label{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}
-.lapse input[type=range]{flex:1;accent-color:var(--red)}
-.lapse .asof{font-family:var(--mono);font-size:.76rem;color:var(--ink);white-space:nowrap;min-width:120px;text-align:right}
-.lapse .asof b{color:var(--red-deep)}
-/* panels */
-.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin:1.2rem 0}
-.card{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:1.1rem 1.15rem}
-.card h2{font-size:.72rem;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}
-.card h2 .n{color:var(--ink);font-weight:700}
-.col6{grid-column:span 6}.col4{grid-column:span 4}.col12{grid-column:span 12}
-@media(max-width:820px){.col6,.col4{grid-column:span 12}}
-.speclist{display:flex;flex-direction:column;gap:.5rem}
-.spec{display:flex;align-items:center;gap:.7rem;font-size:.9rem}
-.spec .id{font-family:var(--mono);font-size:.76rem;color:var(--ink-mute);min-width:74px}
-.spec .t{flex:1;color:var(--ink-soft)}
-.spec .chip{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:20px}
-.spec .acc{font-family:var(--mono);font-size:.72rem;color:var(--ink-mute);min-width:38px;text-align:right}
-.st-done{background:var(--green-soft);color:var(--green)}
-.st-prog{background:var(--amber-soft);color:var(--amber)}
-.st-block{background:var(--red-soft);color:var(--red-deep)}
-.st-todo{background:#eef1f4;color:var(--ink-mute)}
-.inv{display:flex;flex-wrap:wrap;gap:.5rem}
-.inv .item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;background:#f7f9fb;border:1px solid var(--rule);border-radius:9px;padding:.4rem .6rem}
-.inv .item i{width:8px;height:8px;border-radius:50%}
-.ok i{background:var(--green)} .warn i{background:var(--amber)} .miss i{background:var(--red)}
-.ok{color:var(--ink)} .warn{color:var(--ink)} .miss{color:var(--ink)}
-.heat{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
-.heat .cell{border-radius:10px;padding:.6rem;border:1px solid var(--rule)}
-.heat .cell .lab{font-size:.78rem;font-weight:600}
-.heat .cell .v{font-family:var(--mono);font-size:.68rem;margin-top:.15rem}
-.h-ok{background:var(--green-soft)} .h-ok .v{color:var(--green)}
-.h-warn{background:var(--amber-soft)} .h-warn .v{color:var(--amber)}
-.h-miss{background:var(--red-soft)} .h-miss .v{color:var(--red-deep)}
-.loop{display:flex;align-items:center;gap:.6rem;font-size:.86rem;margin-bottom:.55rem}
-.loop .mod{font-family:var(--mono);font-size:.78rem;min-width:96px;color:var(--ink)}
-.loop .bar{flex:1;display:flex;gap:3px}
-.loop .bar b{height:14px;border-radius:2px;flex:1;background:#e7ebef}
-.loop .bar b.on{background:var(--stone)}
-.loop .tag{font-family:var(--mono);font-size:.64rem;font-weight:700;padding:2px 7px;border-radius:20px}
-/* subscores collapsed */
-.subs summary{cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);list-style:none;display:flex;align-items:center;gap:.5rem}
-.subs summary::-webkit-details-marker{display:none}
-.subs summary::before{content:"▸";color:var(--red);transition:transform .15s}
-.subs[open] summary::before{transform:rotate(90deg)}
-.subrow{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-top:.8rem}
-.subrow .s{text-align:center;background:#f7f9fb;border:1px solid var(--rule);border-radius:10px;padding:.6rem .3rem}
-.subrow .s .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-mute);text-transform:uppercase}
-.subrow .s .val{font-weight:800;font-size:1.25rem;margin-top:.15rem}
-.subrow .s .bd{font-family:var(--mono);font-size:.6rem;color:var(--ink-mute)}
-@media(max-width:560px){.subrow{grid-template-columns:repeat(2,1fr)}}
-/* evidence drawer */
-.drawer{position:fixed;top:0;right:0;height:100%;width:min(460px,92vw);background:var(--paper);border-left:1px solid var(--rule);box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .28s ease;z-index:40;display:flex;flex-direction:column}
-.drawer.open{transform:translateX(0)}
-.drawer .dh{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.3rem;border-bottom:1px solid var(--rule)}
-.drawer .dh .ey{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red-deep)}
-.drawer .dh h3{font-size:1.15rem;letter-spacing:-.02em;margin-top:.25rem}
-.drawer .dh p{font-size:.85rem;color:var(--ink-soft);margin-top:.3rem}
-.drawer .x{background:none;border:1px solid var(--rule);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:1.1rem;color:var(--ink-mute);flex-shrink:0}
-.drawer .receipt{flex:1;overflow:auto;padding:1.1rem 1.3rem}
-.drawer .receipt .rt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.5rem}
-.drawer pre{background:#14171c;color:#d7dbe0;border-radius:10px;padding:1rem;font-family:var(--mono);font-size:.76rem;line-height:1.55;overflow:auto;white-space:pre-wrap;word-break:break-word}
-.drawer pre .g{color:#34d399}.drawer pre .r{color:#f87171}.drawer pre .a{color:#fbbf24}.drawer pre .m{color:#8b929b}
-.scrim{position:fixed;inset:0;background:rgba(20,23,28,.35);opacity:0;pointer-events:none;transition:opacity .28s;z-index:39}
-.scrim.open{opacity:1;pointer-events:auto}
-.foot{padding:1.4rem 0 3rem;font-family:var(--mono);font-size:.68rem;color:var(--ink-mute);text-align:center;line-height:1.7}
-.foot b{color:var(--ink-soft)}
-.telemetry{margin:1.4rem 0 .2rem;border:1px dashed var(--rule);border-radius:14px;padding:.85rem 1.1rem;background:#fbfbfa}
-.telemetry .tlabel{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.7rem;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}
-.telemetry .tlabel span{font-size:.62rem;color:var(--amber);border:1px solid var(--amber);border-radius:6px;padding:.05rem .4rem;text-transform:none;letter-spacing:0}
-.telemetry .trow{display:flex;gap:1.7rem;flex-wrap:wrap}
-.telemetry .tcell .tk{font-size:.66rem;color:var(--ink-mute)}
-.telemetry .tcell .tv{font-family:var(--mono);font-size:1.05rem;color:var(--ink-soft)}
-.telemetry .tmodels{margin-top:.8rem;display:flex;flex-direction:column;gap:.35rem}
-.telemetry .tmrow{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;border-top:1px solid var(--rule);padding-top:.35rem}
-.telemetry .tmrow .tmn{font-family:var(--mono);color:var(--ink-mute)}
-.telemetry .tmrow .tmv{font-family:var(--mono);color:var(--ink-soft)}
-.exec{display:flex;flex-direction:column;gap:.55rem}
-.exrow{display:grid;grid-template-columns:72px 1fr;gap:.75rem;border-top:1px solid var(--rule);padding:.55rem 0}
-.exrow:first-child{border-top:0;padding-top:0}
-.exphase{font-family:var(--mono);font-size:.7rem;color:var(--red-deep);letter-spacing:.06em;text-transform:uppercase}
-.exmethod{font-size:.82rem;line-height:1.35;color:var(--ink-soft);margin-bottom:.25rem}
-.exmeta{display:flex;gap:.35rem;flex-wrap:wrap}
-.exchip{font-family:var(--mono);font-size:.63rem;color:var(--ink-mute);border:1px solid var(--rule);border-radius:6px;padding:.08rem .38rem;background:#fff}
-.exchip.warn{color:var(--amber);border-color:var(--amber);background:#fff9ec}
-.hero .projtitle{font-size:1.7rem;font-weight:700;color:var(--ink-soft);letter-spacing:-.01em;margin-bottom:.75rem;line-height:1.15}
-</style>
-</head>
-<body>
-<header class="topbar"><div class="wrap">
-  <div class="brand"><span class="dot"></span>uscha<span class="cmd">/mirador</span></div>
-  <div class="meta"><b id="m-proj">—</b> · generated <b id="m-ts">—</b></div>
-</div></header>
-<main class="wrap">
-  <section class="hero">
-    <div class="projtitle" id="projtitle"></div>
-    <div class="verdict">
-      <span class="band" id="v-band">—</span>
-      <h1 id="v-title">—</h1>
-      <div class="sub" id="v-sub">—</div>
-    </div>
-    <div class="trailcard">
-      <div class="cap">
-        <span>The trail — from idea to production</span>
-        <span class="legend">
-          <span><i style="background:var(--green)"></i>verified</span>
-          <span><i style="background:var(--amber)"></i>in progress</span>
-          <span><i style="background:var(--red)"></i>blocked</span>
-          <span><i style="background:#cfd5db"></i>to do</span>
-        </span>
-      </div>
-      <svg id="trail" viewBox="0 0 1060 300" role="img" aria-label="Project trail"></svg>
-      <div class="lapse">
-        <label for="scrub">Time-lapse</label>
-        <input type="range" id="scrub" min="0" max="0" value="0" step="1" aria-label="Replay the project's evolution">
-        <span class="asof">as of <b id="asof">—</b></span>
-      </div>
-    </div>
-  </section>
-  <section class="grid">
-    <div class="card col6">
-      <h2>Specifications <span class="n" id="spec-n">—</span></h2>
-      <div class="speclist" id="speclist"></div>
-    </div>
-    <div class="card col6">
-      <h2>ADRs <span class="n" id="adr-n">—</span></h2>
-      <div class="speclist" id="adrlist"></div>
-    </div>
-    <div class="card col6">
-      <h2>CONSTITUTION — invariants</h2>
-      <div class="inv" id="inv"></div>
-    </div>
-    <div class="card col6">
-      <h2>The 6 layers of truth</h2>
-      <div class="heat" id="heat"></div>
-    </div>
-    <div class="card col6">
-      <h2>QA loops <span class="n" id="qa-n">—</span></h2>
-      <div id="loops"></div>
-    </div>
-    <div class="card col6">
-      <h2>Execution policy <span class="n" id="exec-n">&mdash;</span></h2>
-      <div class="exec" id="exec"></div>
-    </div>
-    <div class="card col6">
-      <details class="subs">
-        <summary>Sub-scores (drill-down)</summary>
-        <div class="subrow" id="subrow"></div>
-      </details>
-      <p style="font-size:.8rem;color:var(--ink-mute);margin-top:.9rem;line-height:1.5">
-        The verdict above is all you need to look at. These roll up into it; they're here if you want to dig.
-      </p>
-    </div>
-  </section>
-  <section class="telemetry" id="telemetry" hidden>
-    <div class="tlabel">Claude Code · session telemetry <span>vendor-reported — narrated, not measured</span></div>
-    <div class="trow" id="trow"></div>
-    <div class="tmodels" id="tmodels"></div>
-  </section>
-  <div class="foot">
-    generated by <b>qa_ledger.py dashboard --json</b> — read-only, evidence rules · click a milestone to see its receipt<br>
-    the tool executes · the method governs · evidence decides · the human approves
-  </div>
-</main>
-<div class="scrim" id="scrim"></div>
-<aside class="drawer" id="drawer" aria-hidden="true">
-  <div class="dh">
-    <div><div class="ey" id="d-ey">receipt</div><h3 id="d-title">—</h3><p id="d-desc">—</p></div>
-    <button class="x" id="d-close" aria-label="Close">✕</button>
-  </div>
-  <div class="receipt"><div class="rt">evidence captured by execution</div><pre id="d-pre"></pre></div>
-</aside>
-<script>
-/* ==== DATA — sample output of `qa_ledger.py dashboard --json` (deterministic) ==== */
-/*MIRADOR_DATA_START*/
-const DATA = {
-  project: "Fiscal Platform",
-  generated: "2026-07-05 14:22 UTC",
-  readiness: { score:88, band:"CASI LISTO",
-    title:"Casi listo para release",
-    sub:"No sale todavía — <b>1 blocker: falta validar el rollback en producción</b> (capa Operacional en rojo)." },
-  subscores:[
-    {k:"simplicity",val:92,bd:"SIMPLE"},
-    {k:"waste",val:78,bd:"ACEPTABLE"},
-    {k:"rebuild",val:90,bd:"COVERS"},
-    {k:"golden",val:100,bd:"OK"},
-    {k:"coverage",val:81,bd:"81%"},
-  ],
-  phases:[
-    {key:"idea",   label:"Idea",        phase:"00", status:"done",  count:"", risk:0},
-    {key:"disc",   label:"Discovery",   phase:"01", status:"done",  count:"seed + ready", risk:0},
-    {key:"spec",   label:"SPEC",        phase:"02", status:"done",  count:"6/7 specs", risk:1},
-    {key:"adr",    label:"ADR · CONST", phase:"03", status:"done",  count:"4 ADR · 6 inv", risk:1},
-    {key:"build",  label:"Build",       phase:"04", status:"prog",  count:"5/7 módulos", risk:2},
-    {key:"qa",     label:"QA loop",     phase:"05", status:"prog",  count:"3 loops · 1 escalado", risk:2},
-    {key:"verify", label:"Verify",      phase:"06", status:"block", count:"1 blocker", risk:2},
-    {key:"prod",   label:"Producción",  phase:"07", status:"todo",  count:"human gate", risk:3},
-  ],
-  execution_policy:{source:"sample",default:{tier:"standard",model:null,effort:"medium"},phases:{
-    idea:{phase:"idea",method:"Capture the intent",tier:"human",model:null,effort:"none"},
-    disc:{phase:"disc",method:"Shape discovery facts and risks",tier:"deep",model:null,effort:"high"},
-    spec:{phase:"spec",method:"Write testable SPEC/ACCEPTANCE",tier:"deep",model:null,effort:"high"},
-    adr:{phase:"adr",method:"Record decisions and invariants",tier:"deep",model:null,effort:"high"},
-    build:{phase:"build",method:"Implement the accepted plan",tier:"standard",model:null,effort:"medium"},
-    qa:{phase:"qa",method:"Run maker-not-checker QA",tier:"checker",model:null,effort:"high",uncorrelated:true},
-    verify:{phase:"verify",method:"Re-run measured release gates",tier:"standard",model:null,effort:"medium"},
-    prod:{phase:"prod",method:"Stop at the human gate",tier:"human",model:null,effort:"none"}
-  }},
-  specs:[
-    {id:"SPEC-001",t:"Alta de comprobante",status:"done",acc:100},
-    {id:"SPEC-002",t:"Numeración sin huecos",status:"done",acc:100},
-    {id:"SPEC-003",t:"Reintento idempotente",status:"done",acc:100},
-    {id:"SPEC-004",t:"Cierre de caja",status:"prog",acc:70},
-    {id:"SPEC-005",t:"Exportación fiscal",status:"prog",acc:55},
-    {id:"SPEC-006",t:"Rollback de despliegue",status:"block",acc:20},
-    {id:"SPEC-007",t:"Reporte de conciliación",status:"todo",acc:0},
-  ],
-  adrs:[
-    {id:"ADR-001",t:"Almacenamiento append-only",status:"done"},
-    {id:"ADR-002",t:"Idempotencia por request-id",status:"done"},
-    {id:"ADR-003",t:"Cola de reintentos con backoff",status:"done"},
-    {id:"ADR-004",t:"Estrategia de rollback",status:"prog"},
-  ],
-  inv:[
-    {name:"Seguridad",status:"ok"},{name:"Dominio",status:"ok"},
-    {name:"Simplicidad",status:"ok"},{name:"Reuso",status:"warn"},
-    {name:"Golden",status:"ok"},{name:"Tests efectivos",status:"ok"},
-    {name:"Integridad del gate",status:"ok"},
-  ],
-  capas:[
-    {name:"Funcional",status:"ok",v:"cumple SPEC"},
-    {name:"Técnica",status:"ok",v:"tests + lint"},
-    {name:"Regresiva",status:"ok",v:"sin romper"},
-    {name:"Contractual",status:"warn",v:"1 schema drift"},
-    {name:"Seguridad",status:"ok",v:"0 críticos"},
-    {name:"Operacional",status:"miss",v:"rollback sin validar"},
-  ],
-  loops:[
-    {mod:"pagos",iters:4,max:6,state:"converged"},
-    {mod:"ticket",iters:6,max:6,state:"oscillating"},
-    {mod:"auth",iters:2,max:6,state:"escalated"},
-  ],
-  /* time-lapse: cada snapshot = readiness + hasta qué fase se había llegado */
-  snapshots:[
-    {date:"jun 18",readiness:12,reached:1},
-    {date:"jun 23",readiness:34,reached:2},
-    {date:"jun 27",readiness:51,reached:3},
-    {date:"jul 01",readiness:69,reached:4},
-    {date:"jul 03",readiness:80,reached:5},
-    {date:"jul 05",readiness:88,reached:7},
-  ],
-  telemetry:{ source:"Claude Code", sessions:3, model:"claude-opus-4-8", effort:"high",
-    tokens_in:284000, tokens_out:47000, ms:5400000,
-    by_model:[{model:"claude-opus-4-8",tokens_in:240000,tokens_out:41000},{model:"claude-haiku-4-5",tokens_in:44000,tokens_out:6000}] },
-  evidence:{
-    verify:{ey:"gate · verify",title:"Verify — 1 blocker",desc:"Capa Operacional en rojo: el rollback no se validó en un entorno real.",
-      pre:"<span class='m'>$ qa_ledger.py ingest-gate --layer operational</span>\nOPERATIONAL: <span class='r'>MISS</span>\n  ! deploy rollback drill: <span class='r'>NOT RUN</span>\n  ! SPEC-006 acceptance: 20% (&lt; 100%)\n<span class='m'># readiness cap aplicado: operational MISS =&gt; no supera RELEASE</span>\n<span class='r'>BLOCKER</span> — se requiere drill de rollback + human approval"},
-    prod:{ey:"human gate",title:"Producción — requiere aprobación",desc:"La automatización nunca despliega sola. El paso a producción lo aprueba una persona.",
-      pre:"<span class='m'>estado:</span> BLOQUEADO por gate humano\n<span class='m'>requisitos previos:</span>\n  <span class='g'>✓</span> tests verdes\n  <span class='g'>✓</span> 0 findings críticos\n  <span class='r'>✗</span> rollback validado\n  <span class='r'>✗</span> aprobación humana\n<span class='m'># se habilita cuando readiness ≥ 95 y 0 blockers</span>"},
-    build:{ey:"fase · build",title:"Build — 5/7 módulos",desc:"Construcción contra el plan, commit a commit. Dos módulos en curso.",
-      pre:"<span class='m'>módulos:</span>\n  <span class='g'>✓</span> pagos        (SPEC-001..003)\n  <span class='g'>✓</span> ticket\n  <span class='g'>✓</span> promos\n  <span class='a'>◐</span> cierre-caja  (SPEC-004, 70%)\n  <span class='a'>◐</span> export-fiscal(SPEC-005, 55%)\n  <span class='r'>·</span> rollback     (SPEC-006, 20%)\n  <span class='m'>·</span> conciliación (SPEC-007, todo)"},
-    qa:{ey:"fase · qa loop",title:"QA loop — 3 loops",desc:"Iteración maker≠checker por módulo hasta converger. Uno escaló a humano.",
-      pre:"<span class='m'>$ qa_ledger.py converged / oscillation / escalate</span>\n  pagos   : <span class='g'>CONVERGED</span>  (4 iters)\n  ticket  : <span class='a'>OSCILLATING</span> (6 iters, sin converger)\n  auth    : <span class='r'>ESCALATED</span>   (2 iters → humano)\n<span class='m'># ticket alterna entre 2 estados: candidato a revisión humana</span>"},
-    spec:{ey:"fase · spec",title:"SPEC — 6/7",desc:"Qué debe pasar, verificable. Una spec bloqueada (rollback).",
-      pre:"<span class='m'>$ qa_ledger.py spec-check</span>\n  6/7 specs con acceptance criteria testeables\n  <span class='g'>✓</span> SPEC-001..003 (100%)\n  <span class='a'>◐</span> SPEC-004 (70%) · SPEC-005 (55%)\n  <span class='r'>✗</span> SPEC-006 rollback (20%)"},
-    disc:{ey:"fase · discovery",title:"Discovery — ready",desc:"De la idea a la forma del sistema. Vos decidiste el alcance.",
-      pre:"<span class='m'>discovery/</span>\n  <span class='g'>✓</span> seed document\n  <span class='g'>✓</span> restricciones inviolables → CONSTITUTION\n  <span class='g'>✓</span> perfil de riesgo asignado (fiscal = C+)\n  <span class='g'>✓</span> READY — aprobado para SPEC"},
-    adr:{ey:"fase · adr · constitution",title:"ADR · CONSTITUTION",desc:"Por qué esta forma, y qué nunca se viola.",
-      pre:"<span class='m'>docs/adr/</span>\n  <span class='g'>✓</span> ADR-001 append-only\n  <span class='g'>✓</span> ADR-002 idempotencia\n  <span class='g'>✓</span> ADR-003 reintentos\n  <span class='a'>◐</span> ADR-004 rollback (proposed)\n<span class='m'>CONSTITUTION:</span> 6/7 invariantes OK · <span class='a'>Reuso: WARN</span>"},
-    idea:{ey:"origen",title:"Idea",desc:"El punto de partida. Traés la idea; el método la cruza.",
-      pre:"<span class='m'># el sendero arranca acá.</span>\n\"API fiscal que autoriza cada comprobante,\n sin numeración con huecos ni facturas duplicadas.\""},
-  },
-};
-/*MIRADOR_DATA_END*/
-/* ==== helpers ==== */
-const $ = s => document.querySelector(s);
-const statusColor = {done:"var(--green)",prog:"var(--amber)",block:"var(--red)",todo:"#cfd5db"};
-const chipClass = {done:"st-done",prog:"st-prog",block:"st-block",todo:"st-todo"};
-const chipText  = {done:"done",prog:"in progress",block:"blocked",todo:"to do"};
-/* ==== header + verdict ==== */
-$("#m-proj").textContent = DATA.project;
-$("#projtitle").textContent = DATA.project || "—";
-$("#m-ts").textContent = DATA.generated;
-const bandColors = {"CASI LISTO":["var(--amber-soft)","var(--amber)"],"LISTO":["var(--green-soft)","var(--green)"],"NO LISTO":["var(--red-soft)","var(--red-deep)"],
-  "READY":["var(--green-soft)","var(--green)"],"RELEASE CANDIDATE":["var(--amber-soft)","var(--amber)"],"IN PROGRESS":["var(--amber-soft)","var(--amber)"],"NOT READY":["var(--red-soft)","var(--red-deep)"]};
-function paintVerdict(score, band, title, sub){
-  const b=$("#v-band"); const c=bandColors[band]||["#eef1f4","var(--ink-mute)"];
-  b.textContent=band; b.style.background=c[0]; b.style.color=c[1];
-  $("#v-title").innerHTML = (title||"") + ' <span class="score">'+score+'/100</span>';
-  $("#v-sub").innerHTML = sub||"";
-}
-paintVerdict(DATA.readiness.score, DATA.readiness.band, DATA.readiness.title, DATA.readiness.sub);
-/* ==== el sendero (SVG) ==== */
-const VB={w:1060,h:300}, base=232, pad=70;
-const riskY=[0,26,60,92]; // más riesgo = más alto (paso de montaña)
-const N=DATA.phases.length;
-function nodeXY(i,risk){const r=(riskY[risk]==null?0:riskY[risk]);const x=pad+i*((VB.w-2*pad)/(N-1));const y=base-r;return [x,y];}
-function smoothPath(pts){
-  let d="M "+pts[0][0]+" "+pts[0][1];
-  for(let i=0;i<pts.length-1;i++){
-    const [x0,y0]=pts[i],[x1,y1]=pts[i+1];const mx=(x0+x1)/2;
-    d+=" C "+mx+" "+y0+" "+mx+" "+y1+" "+x1+" "+y1;
-  }
-  return d;
-}
-function renderTrail(activeReached){
-  const svg=$("#trail"); svg.innerHTML="";
-  const pts=DATA.phases.map((p,i)=>nodeXY(i,p.risk));
-  const ns="http://www.w3.org/2000/svg";
-  // terreno (silueta) + contornos suaves
-  const terr=document.createElementNS(ns,"path");
-  terr.setAttribute("d", smoothPath(pts)+" L "+pts[N-1][0]+" "+VB.h+" L "+pts[0][0]+" "+VB.h+" Z");
-  terr.setAttribute("fill","var(--terrain)"); terr.setAttribute("opacity",".4"); svg.appendChild(terr);
-  for(let k=1;k<=3;k++){
-    const c=document.createElementNS(ns,"path");
-    c.setAttribute("d", smoothPath(pts.map(([x,y])=>[x,y+k*14])));
-    c.setAttribute("fill","none");c.setAttribute("stroke","var(--terrain-line)");c.setAttribute("stroke-width","1");c.setAttribute("opacity",".5");
-    svg.appendChild(c);
-  }
-  // trail line
-  const trail=document.createElementNS(ns,"path");
-  trail.setAttribute("d",smoothPath(pts));trail.setAttribute("fill","none");
-  trail.setAttribute("stroke","var(--stone)");trail.setAttribute("stroke-width","3");
-  trail.setAttribute("stroke-dasharray","2 7");trail.setAttribute("stroke-linecap","round");trail.setAttribute("opacity",".8");
-  svg.appendChild(trail);
-  // mojones
-  DATA.phases.forEach((p,i)=>{
-    const [x,y]=pts[i];
-    // estado efectivo según time-lapse
-    let st=p.status;
-    if(activeReached!==null){
-      if(i<activeReached) st="done";
-      else if(i===activeReached) st=(p.status==="block"?"block":"prog");
-      else st="todo";
-    }
-    const g=document.createElementNS(ns,"g");
-    g.setAttribute("class","moj");g.setAttribute("tabindex","0");
-    g.setAttribute("role","button");
-    g.setAttribute("aria-label",p.label+" — "+chipText[st]);
-    g.dataset.key=p.key;
-    // halo estado
-    const halo=document.createElementNS(ns,"circle");
-    halo.setAttribute("cx",x);halo.setAttribute("cy",y);halo.setAttribute("r","18");
-    halo.setAttribute("fill",statusColor[st]);halo.setAttribute("opacity",".16");
-    if(st==="prog"||st==="block")halo.setAttribute("class","pulse");
-    g.appendChild(halo);
-    // piedra (mojón)
-    const stone=document.createElementNS(ns,"path");
-    const s=11;
-    stone.setAttribute("d",`M ${x-s} ${y+s} L ${x-s+2} ${y-s+3} Q ${x} ${y-s-3} ${x+s-2} ${y-s+3} L ${x+s} ${y+s} Z`);
-    stone.setAttribute("class","stone");
-    stone.setAttribute("fill", st==="todo"?"#eef1f4":"#fff");
-    stone.setAttribute("stroke",statusColor[st]);stone.setAttribute("stroke-width","2.5");
-    g.appendChild(stone);
-    // dot central
-    const dot=document.createElementNS(ns,"circle");
-    dot.setAttribute("cx",x);dot.setAttribute("cy",y);dot.setAttribute("r","3.4");
-    dot.setAttribute("fill",statusColor[st]);g.appendChild(dot);
-    // textos
-    const ph=document.createElementNS(ns,"text");
-    ph.setAttribute("x",x);ph.setAttribute("y",y-24);ph.setAttribute("text-anchor","middle");
-    ph.setAttribute("class","mphase");ph.textContent=p.phase;g.appendChild(ph);
-    const lab=document.createElementNS(ns,"text");
-    lab.setAttribute("x",x);lab.setAttribute("y",base+38);lab.setAttribute("text-anchor","middle");
-    lab.setAttribute("class","mlabel");lab.textContent=p.label;g.appendChild(lab);
-    if(p.count){
-      const cnt=document.createElementNS(ns,"text");
-      cnt.setAttribute("x",x);cnt.setAttribute("y",base+53);cnt.setAttribute("text-anchor","middle");
-      cnt.setAttribute("class","mcount");cnt.textContent=p.count;g.appendChild(cnt);
-    }
-    g.addEventListener("click",()=>openEvidence(p.key));
-    g.addEventListener("keydown",e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();openEvidence(p.key);}});
-    svg.appendChild(g);
-  });
-}
-/* ==== specs / adrs / inv / heat / loops / subs ==== */
-function renderSpecs(){
-  $("#spec-n").textContent = DATA.specs.filter(s=>s.status==="done").length+"/"+DATA.specs.length;
-  $("#speclist").innerHTML = DATA.specs.map(s=>`
-    <div class="spec">
-      <span class="id">${s.id}</span>
-      <span class="t">${s.t}</span>
-      <span class="chip ${chipClass[s.status]}">${chipText[s.status]}</span>
-      <span class="acc">${s.acc}%</span>
-    </div>`).join("");
-}
-function adrLabel(a){
-  if(a.adr_status==="experiment"){
-    if(a.expired)return "experiment overdue";
-    if(a.experiment_valid===false)return "experiment invalid";
-    return "experiment";
-  }
-  if(a.adr_status)return a.adr_status;
-  return a.status==="done"?"accepted":a.status==="prog"?"proposed":chipText[a.status];
-}
-function renderAdrs(){
-  $("#adr-n").textContent = DATA.adrs.filter(a=>a.status==="done").length+"/"+DATA.adrs.length;
-  $("#adrlist").innerHTML = DATA.adrs.map(a=>`
-    <div class="spec">
-      <span class="id">${a.id}</span>
-      <span class="t">${a.t}</span>
-      <span class="chip ${chipClass[a.status]}">${adrLabel(a)}</span>
-    </div>`).join("");
-}
-function renderInv(){
-  $("#inv").innerHTML = DATA.inv.map(v=>`<span class="item ${v.status}"><i></i>${v.name}</span>`).join("");
-}
-function renderHeat(){
-  const cls={ok:"h-ok",warn:"h-warn",miss:"h-miss"};
-  $("#heat").innerHTML = DATA.capas.map(c=>`
-    <div class="cell ${cls[c.status]}"><div class="lab">${c.name}</div><div class="v">${c.v}</div></div>`).join("");
-}
-function renderLoops(){
-  $("#qa-n").textContent = DATA.loops.length;
-  const tag={converged:["st-done","converged"],oscillating:["st-prog","oscillating"],escalated:["st-block","escalated"],active:["st-prog","active"]};
-  $("#loops").innerHTML = DATA.loops.map(l=>{
-    const mx=l.max||l.iters||0;
-    let bars=""; for(let i=0;i<mx;i++)bars+=`<b class="${i<l.iters?'on':''}"></b>`;
-    const t=tag[l.state]||["st-todo","—"];
-    return `<div class="loop"><span class="mod">${l.mod}</span><span class="bar">${bars}</span><span class="tag ${t[0]}">${t[1]}</span></div>`;
-  }).join("");
-}
-function renderSubs(){
-  const band=v=>(v==null?"var(--ink-mute)":v>=85?"var(--green)":v>=65?"var(--amber)":"var(--red)");
-  $("#subrow").innerHTML = DATA.subscores.map(s=>`
-    <div class="s"><div class="k">${s.k}</div><div class="val" style="color:${band(s.val)}">${s.val==null?"—":s.val}</div><div class="bd">${s.bd==null?"":s.bd}</div></div>`).join("");
-}
-function renderExecutionPolicy(){
-  const host=$("#exec"); if(!host)return;
-  const policy=DATA.execution_policy||{};
-  const phases=policy.phases||{};
-  const source=policy.source||"policy";
-  $("#exec-n").textContent=source.replace("config.defaults.","");
-  const rows=(DATA.phases||[]).map(p=>{
-    const e=p.execution||phases[p.key]||{};
-    const model=e.model||"default";
-    const tier=e.tier||"-";
-    const effort=e.effort||"-";
-    const method=e.method||"No execution policy declared for this phase.";
-    const unc=e.uncorrelated?`<span class="exchip warn">uncorrelated</span>`:"";
-    return `<div class="exrow"><div class="exphase">${p.phase||""} ${p.key}</div><div><div class="exmethod">${method}</div><div class="exmeta"><span class="exchip">tier=${tier}</span><span class="exchip">model=${model}</span><span class="exchip">effort=${effort}</span>${unc}</div></div></div>`;
-  }).join("");
-  host.innerHTML=rows||`<p style="color:var(--ink-mute);font-size:.82rem">No execution_policy in DATA.</p>`;
-}
-function renderTelemetry(){
-  const t=DATA.telemetry, sec=$("#telemetry");
-  if(!t){ if(sec) sec.hidden=true; return; }
-  const fmtN=n=>n==null?"—":n>=1e6?(n/1e6).toFixed(1)+"M":n>=1e3?Math.round(n/1e3)+"k":String(n);
-  const fmtMs=ms=>{ if(ms==null)return "—"; const m=Math.round(ms/60000); return m>=60?(m/60).toFixed(1)+"h":m+"m"; };
-  const bm=t.by_model||[];
-  const short=m=>String(m).replace(/^claude-/,"");
-  const modelCell=bm.length?(bm.length+" model"+(bm.length>1?"s":"")):(t.model?short(t.model):"—");
-  const cells=[["tokens in",fmtN(t.tokens_in)],["tokens out",fmtN(t.tokens_out)],["wall time",fmtMs(t.ms)],["model",modelCell],["effort",t.effort||"—"],["sessions",t.sessions==null?"—":String(t.sessions)]];
-  $("#trow").innerHTML=cells.map(([k,v])=>`<div class="tcell"><div class="tk">${k}</div><div class="tv">${v}</div></div>`).join("");
-  $("#tmodels").innerHTML = bm.length>1 ? bm.map(m=>`<div class="tmrow"><span class="tmn">${short(m.model)}</span><span class="tmv">${fmtN(m.tokens_in)} &rarr; ${fmtN(m.tokens_out)}</span></div>`).join("") : "";
-  if(sec) sec.hidden=false;
-}
-/* ==== evidence drawer ==== */
-function openEvidence(key){
-  const e=DATA.evidence[key]; if(!e)return;
-  $("#d-ey").textContent=e.ey; $("#d-title").textContent=e.title; $("#d-desc").textContent=e.desc;
-  $("#d-pre").innerHTML=e.pre;
-  $("#drawer").classList.add("open"); $("#drawer").setAttribute("aria-hidden","false");
-  $("#scrim").classList.add("open");
-}
-function closeDrawer(){$("#drawer").classList.remove("open");$("#drawer").setAttribute("aria-hidden","true");$("#scrim").classList.remove("open");}
-$("#d-close").addEventListener("click",closeDrawer);
-$("#scrim").addEventListener("click",closeDrawer);
-document.addEventListener("keydown",e=>{if(e.key==="Escape")closeDrawer();});
-/* ==== time-lapse ==== */
-const scrub=$("#scrub"); const snaps=DATA.snapshots||[];
-if(snaps.length){ scrub.max=snaps.length-1; scrub.value=snaps.length-1; }
-else { scrub.max=0; scrub.value=0; scrub.disabled=true; }
-function applySnapshot(i){
-  const s=snaps[i]; if(!s) return;
-  $("#asof").textContent=s.date;
-  const isLatest = i===snaps.length-1;
-  if(isLatest){ paintVerdict(DATA.readiness.score,DATA.readiness.band,DATA.readiness.title,DATA.readiness.sub); renderTrail(null); }
-  else{
-    const band=s.readiness>=95?"READY":s.readiness>=50?"IN PROGRESS":"NOT READY";
-    paintVerdict(s.readiness,band,"History",'Reconstructed from the snapshot of <b>'+s.date+'</b> — the ledger keeps every run.');
-    renderTrail(s.reached);
-  }
-}
-scrub.addEventListener("input",()=>applySnapshot(+scrub.value));
-/* ==== init ==== */
-renderSpecs(); renderAdrs(); renderInv(); renderHeat(); renderLoops(); renderSubs(); renderExecutionPolicy(); renderTelemetry();
-$("#asof").textContent = snaps.length ? snaps[snaps.length-1].date : "no history yet (readiness --record)";
-renderTrail(null);
-</script>
-</body>
-</html>
+<!doctype html>
+<html lang="es">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Mirador — estado del proyecto · Uscha</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+<style>
+:root{
+  --bg:#f3f5f7; --paper:#ffffff; --ink:#14171c; --ink-soft:#3b424b; --ink-mute:#8b929b;
+  --red:#e30613; --red-deep:#b00410; --red-soft:#fff1f2;
+  --green:#1f9d57; --green-soft:#e9f7ef; --amber:#e0930c; --amber-soft:#fff5e1;
+  --terrain:#d9d2c4; --terrain-line:#c7bda9; --rule:#e6e9ee; --stone:#8b8578;
+  --sans:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
+  --mono:"JetBrains Mono",monospace;
+}
+*{box-sizing:border-box;margin:0;padding:0}
+html{scroll-behavior:smooth}
+body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}
+body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.022) 1px,transparent 0);background-size:5px 5px;pointer-events:none;z-index:0}
+.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);position:relative;z-index:1}
+/* topbar */
+.topbar{background:var(--ink);color:#fff;height:46px;display:flex;align-items:center}
+.topbar .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
+.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:-.02em}
+.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(227,6,19,.25)}
+.brand .cmd{font-family:var(--mono);font-weight:500;font-size:.78rem;color:#aeb4bd;background:#22262e;padding:2px 8px;border-radius:5px;margin-left:.4rem}
+.topbar .meta{font-family:var(--mono);font-size:.72rem;color:#8b929b;letter-spacing:.04em}
+.topbar .meta b{color:#cbd2dc;font-weight:500}
+/* hero verdict + trail */
+.hero{padding:clamp(1.4rem,4vw,2.4rem) 0 .6rem}
+.verdict{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.2rem}
+.verdict .band{font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.08em;padding:5px 12px;border-radius:7px}
+.verdict h1{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.03em;line-height:1.08}
+.verdict h1 .score{color:var(--ink-mute);font-weight:600;font-size:.62em}
+.verdict .sub{width:100%;color:var(--ink-soft);font-size:1.02rem;margin-top:.15rem}
+.verdict .sub b{color:var(--red-deep)}
+.trailcard{background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:.4rem .4rem 0;margin-top:1rem;box-shadow:0 24px 50px -40px rgba(0,0,0,.35);overflow:hidden}
+.trailcard .cap{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem .1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
+.trailcard .cap .legend{display:flex;gap:.9rem}
+.trailcard .cap .legend span{display:flex;align-items:center;gap:.32rem}
+.trailcard .cap .legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
+svg{display:block;width:100%;height:auto}
+.moj{cursor:pointer}
+.moj:focus{outline:none}
+.moj:focus .stone{stroke:var(--ink);stroke-width:2.5}
+.moj .stone{transition:transform .15s}
+.moj:hover .stone{transform:translateY(-2px)}
+@media (prefers-reduced-motion: no-preference){
+  .pulse{animation:pulse 1.8s ease-in-out infinite}
+  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
+}
+.mlabel{font-family:var(--sans);font-weight:700;font-size:12.5px;fill:var(--ink)}
+.mcount{font-family:var(--mono);font-size:10.5px;fill:var(--ink-mute)}
+.mphase{font-family:var(--mono);font-size:9px;letter-spacing:.1em;fill:var(--ink-mute);text-transform:uppercase}
+/* timelapse */
+.lapse{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem 1rem}
+.lapse label{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}
+.lapse input[type=range]{flex:1;accent-color:var(--red)}
+.lapse .asof{font-family:var(--mono);font-size:.76rem;color:var(--ink);white-space:nowrap;min-width:120px;text-align:right}
+.lapse .asof b{color:var(--red-deep)}
+/* panels */
+.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin:1.2rem 0}
+.card{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:1.1rem 1.15rem}
+.card h2{font-size:.72rem;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}
+.card h2 .n{color:var(--ink);font-weight:700}
+.col6{grid-column:span 6}.col4{grid-column:span 4}.col12{grid-column:span 12}
+@media(max-width:820px){.col6,.col4{grid-column:span 12}}
+.speclist{display:flex;flex-direction:column;gap:.5rem}
+.spec{display:flex;align-items:center;gap:.7rem;font-size:.9rem}
+.spec .id{font-family:var(--mono);font-size:.76rem;color:var(--ink-mute);min-width:74px}
+.spec .t{flex:1;color:var(--ink-soft)}
+.spec .chip{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:20px}
+.spec .acc{font-family:var(--mono);font-size:.72rem;color:var(--ink-mute);min-width:38px;text-align:right}
+.st-done{background:var(--green-soft);color:var(--green)}
+.st-prog{background:var(--amber-soft);color:var(--amber)}
+.st-block{background:var(--red-soft);color:var(--red-deep)}
+.st-todo{background:#eef1f4;color:var(--ink-mute)}
+.inv{display:flex;flex-wrap:wrap;gap:.5rem}
+.inv .item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;background:#f7f9fb;border:1px solid var(--rule);border-radius:9px;padding:.4rem .6rem}
+.inv .item i{width:8px;height:8px;border-radius:50%}
+.ok i{background:var(--green)} .warn i{background:var(--amber)} .miss i{background:var(--red)}
+.ok{color:var(--ink)} .warn{color:var(--ink)} .miss{color:var(--ink)}
+.heat{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
+.heat .cell{border-radius:10px;padding:.6rem;border:1px solid var(--rule)}
+.heat .cell .lab{font-size:.78rem;font-weight:600}
+.heat .cell .v{font-family:var(--mono);font-size:.68rem;margin-top:.15rem}
+.h-ok{background:var(--green-soft)} .h-ok .v{color:var(--green)}
+.h-warn{background:var(--amber-soft)} .h-warn .v{color:var(--amber)}
+.h-miss{background:var(--red-soft)} .h-miss .v{color:var(--red-deep)}
+.loop{display:flex;align-items:center;gap:.6rem;font-size:.86rem;margin-bottom:.55rem}
+.loop .mod{font-family:var(--mono);font-size:.78rem;min-width:96px;color:var(--ink)}
+.loop .bar{flex:1;display:flex;gap:3px}
+.loop .bar b{height:14px;border-radius:2px;flex:1;background:#e7ebef}
+.loop .bar b.on{background:var(--stone)}
+.loop .tag{font-family:var(--mono);font-size:.64rem;font-weight:700;padding:2px 7px;border-radius:20px}
+/* subscores collapsed */
+.subs summary{cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);list-style:none;display:flex;align-items:center;gap:.5rem}
+.subs summary::-webkit-details-marker{display:none}
+.subs summary::before{content:"▸";color:var(--red);transition:transform .15s}
+.subs[open] summary::before{transform:rotate(90deg)}
+.subrow{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-top:.8rem}
+.subrow .s{text-align:center;background:#f7f9fb;border:1px solid var(--rule);border-radius:10px;padding:.6rem .3rem}
+.subrow .s .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-mute);text-transform:uppercase}
+.subrow .s .val{font-weight:800;font-size:1.25rem;margin-top:.15rem}
+.subrow .s .bd{font-family:var(--mono);font-size:.6rem;color:var(--ink-mute)}
+@media(max-width:560px){.subrow{grid-template-columns:repeat(2,1fr)}}
+/* evidence drawer */
+.drawer{position:fixed;top:0;right:0;height:100%;width:min(460px,92vw);background:var(--paper);border-left:1px solid var(--rule);box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .28s ease;z-index:40;display:flex;flex-direction:column}
+.drawer.open{transform:translateX(0)}
+.drawer .dh{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.3rem;border-bottom:1px solid var(--rule)}
+.drawer .dh .ey{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red-deep)}
+.drawer .dh h3{font-size:1.15rem;letter-spacing:-.02em;margin-top:.25rem}
+.drawer .dh p{font-size:.85rem;color:var(--ink-soft);margin-top:.3rem}
+.drawer .x{background:none;border:1px solid var(--rule);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:1.1rem;color:var(--ink-mute);flex-shrink:0}
+.drawer .receipt{flex:1;overflow:auto;padding:1.1rem 1.3rem}
+.drawer .receipt .rt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.5rem}
+.drawer pre{background:#14171c;color:#d7dbe0;border-radius:10px;padding:1rem;font-family:var(--mono);font-size:.76rem;line-height:1.55;overflow:auto;white-space:pre-wrap;word-break:break-word}
+.drawer pre .g{color:#34d399}.drawer pre .r{color:#f87171}.drawer pre .a{color:#fbbf24}.drawer pre .m{color:#8b929b}
+.scrim{position:fixed;inset:0;background:rgba(20,23,28,.35);opacity:0;pointer-events:none;transition:opacity .28s;z-index:39}
+.scrim.open{opacity:1;pointer-events:auto}
+.foot{padding:1.4rem 0 3rem;font-family:var(--mono);font-size:.68rem;color:var(--ink-mute);text-align:center;line-height:1.7}
+.foot b{color:var(--ink-soft)}
+.telemetry{margin:1.4rem 0 .2rem;border:1px dashed var(--rule);border-radius:14px;padding:.85rem 1.1rem;background:#fbfbfa}
+.telemetry .tlabel{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.7rem;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}
+.telemetry .tlabel span{font-size:.62rem;color:var(--amber);border:1px solid var(--amber);border-radius:6px;padding:.05rem .4rem;text-transform:none;letter-spacing:0}
+.telemetry .trow{display:flex;gap:1.7rem;flex-wrap:wrap}
+.telemetry .tcell .tk{font-size:.66rem;color:var(--ink-mute)}
+.telemetry .tcell .tv{font-family:var(--mono);font-size:1.05rem;color:var(--ink-soft)}
+.telemetry .tmodels{margin-top:.8rem;display:flex;flex-direction:column;gap:.35rem}
+.telemetry .tmrow{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;border-top:1px solid var(--rule);padding-top:.35rem}
+.telemetry .tmrow .tmn{font-family:var(--mono);color:var(--ink-mute)}
+.telemetry .tmrow .tmv{font-family:var(--mono);color:var(--ink-soft)}
+.exec{display:flex;flex-direction:column;gap:.55rem}
+.exrow{display:grid;grid-template-columns:72px 1fr;gap:.75rem;border-top:1px solid var(--rule);padding:.55rem 0}
+.exrow:first-child{border-top:0;padding-top:0}
+.exphase{font-family:var(--mono);font-size:.7rem;color:var(--red-deep);letter-spacing:.06em;text-transform:uppercase}
+.exmethod{font-size:.82rem;line-height:1.35;color:var(--ink-soft);margin-bottom:.25rem}
+.exmeta{display:flex;gap:.35rem;flex-wrap:wrap}
+.exchip{font-family:var(--mono);font-size:.63rem;color:var(--ink-mute);border:1px solid var(--rule);border-radius:6px;padding:.08rem .38rem;background:#fff}
+.exchip.warn{color:var(--amber);border-color:var(--amber);background:#fff9ec}
+.hero .projtitle{font-size:1.7rem;font-weight:700;color:var(--ink-soft);letter-spacing:-.01em;margin-bottom:.75rem;line-height:1.15}
+/* status story — how it's going / what's blocking / what's next (all from measured DATA) */
+.status{margin-top:1rem;background:var(--paper);border:1px solid var(--rule);border-radius:14px;box-shadow:0 24px 50px -44px rgba(0,0,0,.3)}
+.srow{display:grid;grid-template-columns:132px 1fr;gap:1rem;align-items:start;padding:.85rem 1.15rem;border-top:1px solid var(--rule)}
+.srow:first-child{border-top:0}
+.srow .slab{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);padding-top:.2rem}
+.srow .sval{font-size:.94rem;color:var(--ink);min-width:0}
+.srow .sval .muted{color:var(--ink-mute)}
+.dimline{font-family:var(--mono);font-size:.82rem;color:var(--ink-soft);line-height:1.7;word-break:break-word}
+.dimline b{color:var(--ink);font-weight:600}
+.blockers{display:flex;flex-direction:column;gap:.35rem}
+.blockers .bk{display:flex;align-items:baseline;gap:.5rem;line-height:1.4}
+.blockers .bk i{color:var(--red-deep);font-style:normal;font-weight:800;flex-shrink:0}
+.blockers .bk.ok i{color:var(--green)}
+.blockers .bk.ok{color:var(--ink-soft)}
+.next .nmethod{color:var(--ink);line-height:1.4}
+.next .nmethod b{font-weight:700}
+.next .nmeta{margin-top:.35rem;display:flex;gap:.35rem;flex-wrap:wrap}
+.next .nmeta span{font-family:var(--mono);font-size:.63rem;color:var(--ink-mute);border:1px solid var(--rule);border-radius:6px;padding:.08rem .4rem;background:#fff}
+.emptyhint{color:var(--ink-mute);font-size:.82rem;line-height:1.5}
+</style>
+</head>
+<body>
+<header class="topbar"><div class="wrap">
+  <div class="brand"><span class="dot"></span>uscha<span class="cmd">/mirador</span></div>
+  <div class="meta"><b id="m-proj">—</b> · generated <b id="m-ts">—</b></div>
+</div></header>
+<main class="wrap">
+  <section class="hero">
+    <div class="projtitle" id="projtitle"></div>
+    <div class="verdict">
+      <span class="band" id="v-band">—</span>
+      <h1 id="v-title">—</h1>
+      <div class="sub" id="v-sub">—</div>
+    </div>
+    <div class="status" id="status" hidden>
+      <div class="srow"><div class="slab">Cómo viene</div><div class="sval dimline" id="s-how"></div></div>
+      <div class="srow"><div class="slab">Qué lo traba</div><div class="sval blockers" id="s-block"></div></div>
+      <div class="srow"><div class="slab">Qué sigue</div><div class="sval next" id="s-next"></div></div>
+    </div>
+    <div class="trailcard">
+      <div class="cap">
+        <span>The trail — from idea to production</span>
+        <span class="legend">
+          <span><i style="background:var(--green)"></i>verified</span>
+          <span><i style="background:var(--amber)"></i>in progress</span>
+          <span><i style="background:var(--red)"></i>blocked</span>
+          <span><i style="background:#cfd5db"></i>to do</span>
+        </span>
+      </div>
+      <svg id="trail" viewBox="0 0 1060 300" role="img" aria-label="Project trail"></svg>
+      <div class="lapse">
+        <label for="scrub">Time-lapse</label>
+        <input type="range" id="scrub" min="0" max="0" value="0" step="1" aria-label="Replay the project's evolution">
+        <span class="asof">as of <b id="asof">—</b></span>
+      </div>
+    </div>
+  </section>
+  <section class="grid">
+    <div class="card col6">
+      <h2>Specifications <span class="n" id="spec-n">—</span></h2>
+      <div class="speclist" id="speclist"></div>
+    </div>
+    <div class="card col6">
+      <h2>ADRs <span class="n" id="adr-n">—</span></h2>
+      <div class="speclist" id="adrlist"></div>
+    </div>
+    <div class="card col6">
+      <h2>CONSTITUTION — invariants</h2>
+      <div class="inv" id="inv"></div>
+    </div>
+    <div class="card col6" id="card-heat">
+      <h2>The 6 layers of truth</h2>
+      <div class="heat" id="heat"></div>
+    </div>
+    <div class="card col6">
+      <h2>QA loops <span class="n" id="qa-n">—</span></h2>
+      <div id="loops"></div>
+    </div>
+    <div class="card col6">
+      <h2>Execution policy <span class="n" id="exec-n">&mdash;</span></h2>
+      <div class="exec" id="exec"></div>
+    </div>
+    <div class="card col6">
+      <details class="subs">
+        <summary>Sub-scores (drill-down)</summary>
+        <div class="subrow" id="subrow"></div>
+      </details>
+      <p style="font-size:.8rem;color:var(--ink-mute);margin-top:.9rem;line-height:1.5">
+        The verdict above is all you need to look at. These roll up into it; they're here if you want to dig.
+      </p>
+    </div>
+  </section>
+  <section class="telemetry" id="telemetry" hidden>
+    <div class="tlabel">Claude Code · session telemetry <span>vendor-reported — narrated, not measured</span></div>
+    <div class="trow" id="trow"></div>
+    <div class="tmodels" id="tmodels"></div>
+  </section>
+  <div class="foot">
+    generated by <b>qa_ledger.py dashboard --json</b> — read-only, evidence rules · click a milestone to see its receipt<br>
+    the tool executes · the method governs · evidence decides · the human approves
+  </div>
+</main>
+<div class="scrim" id="scrim"></div>
+<aside class="drawer" id="drawer" aria-hidden="true">
+  <div class="dh">
+    <div><div class="ey" id="d-ey">receipt</div><h3 id="d-title">—</h3><p id="d-desc">—</p></div>
+    <button class="x" id="d-close" aria-label="Close">✕</button>
+  </div>
+  <div class="receipt"><div class="rt">evidence captured by execution</div><pre id="d-pre"></pre></div>
+</aside>
+<script>
+/* ==== DATA — sample output of `qa_ledger.py dashboard --json` (deterministic) ==== */
+/*MIRADOR_DATA_START*/
+const DATA = {
+  project: "Fiscal Platform",
+  generated: "2026-07-05 14:22 UTC",
+  readiness: { score:88, band:"CASI LISTO",
+    title:"Casi listo para release",
+    sub:"No sale todavía — <b>1 blocker: falta validar el rollback en producción</b> (capa Operacional en rojo)." },
+  subscores:[
+    {k:"simplicity",val:92,bd:"SIMPLE"},
+    {k:"waste",val:78,bd:"ACEPTABLE"},
+    {k:"rebuild",val:90,bd:"COVERS"},
+    {k:"golden",val:100,bd:"OK"},
+    {k:"coverage",val:81,bd:"81%"},
+  ],
+  phases:[
+    {key:"idea",   label:"Idea",        phase:"00", status:"done",  count:"", risk:0},
+    {key:"disc",   label:"Discovery",   phase:"01", status:"done",  count:"seed + ready", risk:0},
+    {key:"spec",   label:"SPEC",        phase:"02", status:"done",  count:"6/7 specs", risk:1},
+    {key:"adr",    label:"ADR · CONST", phase:"03", status:"done",  count:"4 ADR · 6 inv", risk:1},
+    {key:"build",  label:"Build",       phase:"04", status:"prog",  count:"5/7 módulos", risk:2},
+    {key:"qa",     label:"QA loop",     phase:"05", status:"prog",  count:"3 loops · 1 escalado", risk:2},
+    {key:"verify", label:"Verify",      phase:"06", status:"block", count:"1 blocker", risk:2},
+    {key:"prod",   label:"Producción",  phase:"07", status:"todo",  count:"human gate", risk:3},
+  ],
+  execution_policy:{source:"sample",default:{tier:"standard",model:null,effort:"medium"},phases:{
+    idea:{phase:"idea",method:"Capture the intent",tier:"human",model:null,effort:"none"},
+    disc:{phase:"disc",method:"Shape discovery facts and risks",tier:"deep",model:null,effort:"high"},
+    spec:{phase:"spec",method:"Write testable SPEC/ACCEPTANCE",tier:"deep",model:null,effort:"high"},
+    adr:{phase:"adr",method:"Record decisions and invariants",tier:"deep",model:null,effort:"high"},
+    build:{phase:"build",method:"Implement the accepted plan",tier:"standard",model:null,effort:"medium"},
+    qa:{phase:"qa",method:"Run maker-not-checker QA",tier:"checker",model:null,effort:"high",uncorrelated:true},
+    verify:{phase:"verify",method:"Re-run measured release gates",tier:"standard",model:null,effort:"medium"},
+    prod:{phase:"prod",method:"Stop at the human gate",tier:"human",model:null,effort:"none"}
+  }},
+  specs:[
+    {id:"SPEC-001",t:"Alta de comprobante",status:"done",acc:100},
+    {id:"SPEC-002",t:"Numeración sin huecos",status:"done",acc:100},
+    {id:"SPEC-003",t:"Reintento idempotente",status:"done",acc:100},
+    {id:"SPEC-004",t:"Cierre de caja",status:"prog",acc:70},
+    {id:"SPEC-005",t:"Exportación fiscal",status:"prog",acc:55},
+    {id:"SPEC-006",t:"Rollback de despliegue",status:"block",acc:20},
+    {id:"SPEC-007",t:"Reporte de conciliación",status:"todo",acc:0},
+  ],
+  adrs:[
+    {id:"ADR-001",t:"Almacenamiento append-only",status:"done"},
+    {id:"ADR-002",t:"Idempotencia por request-id",status:"done"},
+    {id:"ADR-003",t:"Cola de reintentos con backoff",status:"done"},
+    {id:"ADR-004",t:"Estrategia de rollback",status:"prog"},
+  ],
+  inv:[
+    {name:"Seguridad",status:"ok"},{name:"Dominio",status:"ok"},
+    {name:"Simplicidad",status:"ok"},{name:"Reuso",status:"warn"},
+    {name:"Golden",status:"ok"},{name:"Tests efectivos",status:"ok"},
+    {name:"Integridad del gate",status:"ok"},
+  ],
+  capas:[
+    {name:"Funcional",status:"ok",v:"cumple SPEC"},
+    {name:"Técnica",status:"ok",v:"tests + lint"},
+    {name:"Regresiva",status:"ok",v:"sin romper"},
+    {name:"Contractual",status:"warn",v:"1 schema drift"},
+    {name:"Seguridad",status:"ok",v:"0 críticos"},
+    {name:"Operacional",status:"miss",v:"rollback sin validar"},
+  ],
+  loops:[
+    {mod:"pagos",iters:4,max:6,state:"converged"},
+    {mod:"ticket",iters:6,max:6,state:"oscillating"},
+    {mod:"auth",iters:2,max:6,state:"escalated"},
+  ],
+  /* time-lapse: cada snapshot = readiness + hasta qué fase se había llegado */
+  snapshots:[
+    {date:"jun 18",readiness:12,reached:1},
+    {date:"jun 23",readiness:34,reached:2},
+    {date:"jun 27",readiness:51,reached:3},
+    {date:"jul 01",readiness:69,reached:4},
+    {date:"jul 03",readiness:80,reached:5},
+    {date:"jul 05",readiness:88,reached:7},
+  ],
+  telemetry:{ source:"Claude Code", sessions:3, model:"claude-opus-4-8", effort:"high",
+    tokens_in:284000, tokens_out:47000, ms:5400000,
+    by_model:[{model:"claude-opus-4-8",tokens_in:240000,tokens_out:41000},{model:"claude-haiku-4-5",tokens_in:44000,tokens_out:6000}] },
+  evidence:{
+    verify:{ey:"gate · verify",title:"Verify — 1 blocker",desc:"Capa Operacional en rojo: el rollback no se validó en un entorno real.",
+      pre:"<span class='m'>$ qa_ledger.py ingest-gate --layer operational</span>\nOPERATIONAL: <span class='r'>MISS</span>\n  ! deploy rollback drill: <span class='r'>NOT RUN</span>\n  ! SPEC-006 acceptance: 20% (&lt; 100%)\n<span class='m'># readiness cap aplicado: operational MISS =&gt; no supera RELEASE</span>\n<span class='r'>BLOCKER</span> — se requiere drill de rollback + human approval"},
+    prod:{ey:"human gate",title:"Producción — requiere aprobación",desc:"La automatización nunca despliega sola. El paso a producción lo aprueba una persona.",
+      pre:"<span class='m'>estado:</span> BLOQUEADO por gate humano\n<span class='m'>requisitos previos:</span>\n  <span class='g'>✓</span> tests verdes\n  <span class='g'>✓</span> 0 findings críticos\n  <span class='r'>✗</span> rollback validado\n  <span class='r'>✗</span> aprobación humana\n<span class='m'># se habilita cuando readiness ≥ 95 y 0 blockers</span>"},
+    build:{ey:"fase · build",title:"Build — 5/7 módulos",desc:"Construcción contra el plan, commit a commit. Dos módulos en curso.",
+      pre:"<span class='m'>módulos:</span>\n  <span class='g'>✓</span> pagos        (SPEC-001..003)\n  <span class='g'>✓</span> ticket\n  <span class='g'>✓</span> promos\n  <span class='a'>◐</span> cierre-caja  (SPEC-004, 70%)\n  <span class='a'>◐</span> export-fiscal(SPEC-005, 55%)\n  <span class='r'>·</span> rollback     (SPEC-006, 20%)\n  <span class='m'>·</span> conciliación (SPEC-007, todo)"},
+    qa:{ey:"fase · qa loop",title:"QA loop — 3 loops",desc:"Iteración maker≠checker por módulo hasta converger. Uno escaló a humano.",
+      pre:"<span class='m'>$ qa_ledger.py converged / oscillation / escalate</span>\n  pagos   : <span class='g'>CONVERGED</span>  (4 iters)\n  ticket  : <span class='a'>OSCILLATING</span> (6 iters, sin converger)\n  auth    : <span class='r'>ESCALATED</span>   (2 iters → humano)\n<span class='m'># ticket alterna entre 2 estados: candidato a revisión humana</span>"},
+    spec:{ey:"fase · spec",title:"SPEC — 6/7",desc:"Qué debe pasar, verificable. Una spec bloqueada (rollback).",
+      pre:"<span class='m'>$ qa_ledger.py spec-check</span>\n  6/7 specs con acceptance criteria testeables\n  <span class='g'>✓</span> SPEC-001..003 (100%)\n  <span class='a'>◐</span> SPEC-004 (70%) · SPEC-005 (55%)\n  <span class='r'>✗</span> SPEC-006 rollback (20%)"},
+    disc:{ey:"fase · discovery",title:"Discovery — ready",desc:"De la idea a la forma del sistema. Vos decidiste el alcance.",
+      pre:"<span class='m'>discovery/</span>\n  <span class='g'>✓</span> seed document\n  <span class='g'>✓</span> restricciones inviolables → CONSTITUTION\n  <span class='g'>✓</span> perfil de riesgo asignado (fiscal = C+)\n  <span class='g'>✓</span> READY — aprobado para SPEC"},
+    adr:{ey:"fase · adr · constitution",title:"ADR · CONSTITUTION",desc:"Por qué esta forma, y qué nunca se viola.",
+      pre:"<span class='m'>docs/adr/</span>\n  <span class='g'>✓</span> ADR-001 append-only\n  <span class='g'>✓</span> ADR-002 idempotencia\n  <span class='g'>✓</span> ADR-003 reintentos\n  <span class='a'>◐</span> ADR-004 rollback (proposed)\n<span class='m'>CONSTITUTION:</span> 6/7 invariantes OK · <span class='a'>Reuso: WARN</span>"},
+    idea:{ey:"origen",title:"Idea",desc:"El punto de partida. Traés la idea; el método la cruza.",
+      pre:"<span class='m'># el sendero arranca acá.</span>\n\"API fiscal que autoriza cada comprobante,\n sin numeración con huecos ni facturas duplicadas.\""},
+  },
+};
+/*MIRADOR_DATA_END*/
+/* ==== helpers ==== */
+const $ = s => document.querySelector(s);
+const statusColor = {done:"var(--green)",prog:"var(--amber)",block:"var(--red)",todo:"#cfd5db"};
+const chipClass = {done:"st-done",prog:"st-prog",block:"st-block",todo:"st-todo"};
+const chipText  = {done:"done",prog:"in progress",block:"blocked",todo:"to do"};
+function node(tag, className, value){
+  const n=document.createElement(tag);
+  if(className)n.className=className;
+  if(value!==undefined&&value!==null)n.textContent=String(value);
+  return n;
+}
+function append(parent,...children){children.forEach(child=>parent.appendChild(child));return parent;}
+function emptyHint(text){return node("p","emptyhint",text);}
+function countOf(v){return Array.isArray(v)?v.length:(v||0);}
+function renderEvidencePre(host, value){
+  host.replaceChildren();
+  const entities={"&lt;":"<","&gt;":">","&amp;":"&","&quot;":"\"","&#39;":"'"};
+  const text=value==null?"":String(value),tokens=/<span class=(["'])([gram])\1>|<\/span>/gi;
+  const addText=(parent,part)=>parent.appendChild(document.createTextNode(part.replace(/&(lt|gt|amp|quot|#39);/g,m=>entities[m])));
+  let cursor=0,current=host,match;
+  while((match=tokens.exec(text))!==null){
+    addText(current,text.slice(cursor,match.index));
+    if(match[2]){const span=node("span",match[2]);current.appendChild(span);current=span;}
+    else if(current!==host)current=host;
+    cursor=tokens.lastIndex;
+  }
+  addText(current,text.slice(cursor));
+}
+/* ==== header + verdict ==== */
+$("#m-proj").textContent = DATA.project;
+$("#projtitle").textContent = DATA.project || "—";
+$("#m-ts").textContent = DATA.generated;
+const bandColors = {"CASI LISTO":["var(--amber-soft)","var(--amber)"],"LISTO":["var(--green-soft)","var(--green)"],"NO LISTO":["var(--red-soft)","var(--red-deep)"],
+  "READY":["var(--green-soft)","var(--green)"],"RELEASE CANDIDATE":["var(--amber-soft)","var(--amber)"],"IN PROGRESS":["var(--amber-soft)","var(--amber)"],"NOT READY":["var(--red-soft)","var(--red-deep)"]};
+function paintVerdict(score, band, title, sub){
+  const b=$("#v-band"); const c=bandColors[band]||["#eef1f4","var(--ink-mute)"];
+  b.textContent=band; b.style.background=c[0]; b.style.color=c[1];
+  const titleHost=$("#v-title");
+  titleHost.replaceChildren(document.createTextNode(String(title||"")+" "),node("span","score",String(score)+"/100"));
+  $("#v-sub").textContent=sub||"";
+}
+paintVerdict(DATA.readiness.score, DATA.readiness.band, DATA.readiness.title, DATA.readiness.sub);
+/* ==== el sendero (SVG) ==== */
+const VB={w:1060,h:300}, base=232, pad=70;
+const riskY=[0,26,60,92];
+const N=DATA.phases.length;
+function nodeXY(i,risk){const r=(riskY[risk]==null?0:riskY[risk]);const x=pad+i*((VB.w-2*pad)/(N-1));const y=base-r;return [x,y];}
+function smoothPath(pts){
+  let d="M "+pts[0][0]+" "+pts[0][1];
+  for(let i=0;i<pts.length-1;i++){
+    const [x0,y0]=pts[i],[x1,y1]=pts[i+1];const mx=(x0+x1)/2;
+    d+=" C "+mx+" "+y0+" "+mx+" "+y1+" "+x1+" "+y1;
+  }
+  return d;
+}
+function renderTrail(activeReached){
+  const svg=$("#trail"); svg.replaceChildren();
+  const pts=DATA.phases.map((p,i)=>nodeXY(i,p.risk));
+  const ns="http://www.w3.org/2000/svg";
+  const terr=document.createElementNS(ns,"path");
+  terr.setAttribute("d", smoothPath(pts)+" L "+pts[N-1][0]+" "+VB.h+" L "+pts[0][0]+" "+VB.h+" Z");
+  terr.setAttribute("fill","var(--terrain)"); terr.setAttribute("opacity",".4"); svg.appendChild(terr);
+  for(let k=1;k<=3;k++){
+    const c=document.createElementNS(ns,"path");
+    c.setAttribute("d", smoothPath(pts.map(([x,y])=>[x,y+k*14])));
+    c.setAttribute("fill","none");c.setAttribute("stroke","var(--terrain-line)");c.setAttribute("stroke-width","1");c.setAttribute("opacity",".5");
+    svg.appendChild(c);
+  }
+  const trail=document.createElementNS(ns,"path");
+  trail.setAttribute("d",smoothPath(pts));trail.setAttribute("fill","none");
+  trail.setAttribute("stroke","var(--stone)");trail.setAttribute("stroke-width","3");
+  trail.setAttribute("stroke-dasharray","2 7");trail.setAttribute("stroke-linecap","round");trail.setAttribute("opacity",".8");
+  svg.appendChild(trail);
+  DATA.phases.forEach((p,i)=>{
+    const [x,y]=pts[i];
+    let st=p.status;
+    if(activeReached!==null){
+      if(i<activeReached) st="done";
+      else if(i===activeReached) st=(p.status==="block"?"block":"prog");
+      else st="todo";
+    }
+    const g=document.createElementNS(ns,"g");
+    g.setAttribute("class","moj");g.setAttribute("tabindex","0");g.setAttribute("role","button");
+    g.setAttribute("aria-label",p.label+" — "+chipText[st]);g.dataset.key=p.key;
+    const halo=document.createElementNS(ns,"circle");
+    halo.setAttribute("cx",x);halo.setAttribute("cy",y);halo.setAttribute("r","18");
+    halo.setAttribute("fill",statusColor[st]);halo.setAttribute("opacity",".16");
+    if(st==="prog"||st==="block")halo.setAttribute("class","pulse");
+    g.appendChild(halo);
+    const stone=document.createElementNS(ns,"path"); const size=11;
+    stone.setAttribute("d","M "+(x-size)+" "+(y+size)+" L "+(x-size+2)+" "+(y-size+3)+" Q "+x+" "+(y-size-3)+" "+(x+size-2)+" "+(y-size+3)+" L "+(x+size)+" "+(y+size)+" Z");
+    stone.setAttribute("class","stone");stone.setAttribute("fill",st==="todo"?"#eef1f4":"#fff");
+    stone.setAttribute("stroke",statusColor[st]);stone.setAttribute("stroke-width","2.5");g.appendChild(stone);
+    const dot=document.createElementNS(ns,"circle");
+    dot.setAttribute("cx",x);dot.setAttribute("cy",y);dot.setAttribute("r","3.4");dot.setAttribute("fill",statusColor[st]);g.appendChild(dot);
+    const ph=document.createElementNS(ns,"text");
+    ph.setAttribute("x",x);ph.setAttribute("y",y-24);ph.setAttribute("text-anchor","middle");ph.setAttribute("class","mphase");ph.textContent=p.phase;g.appendChild(ph);
+    const lab=document.createElementNS(ns,"text");
+    lab.setAttribute("x",x);lab.setAttribute("y",base+38);lab.setAttribute("text-anchor","middle");lab.setAttribute("class","mlabel");lab.textContent=p.label;g.appendChild(lab);
+    if(p.count){
+      const cnt=document.createElementNS(ns,"text");
+      cnt.setAttribute("x",x);cnt.setAttribute("y",base+53);cnt.setAttribute("text-anchor","middle");cnt.setAttribute("class","mcount");cnt.textContent=p.count;g.appendChild(cnt);
+    }
+    g.addEventListener("click",()=>openEvidence(p.key));
+    g.addEventListener("keydown",e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();openEvidence(p.key);}});
+    svg.appendChild(g);
+  });
+}
+/* ==== specs / adrs / inv / heat / loops / subs ==== */
+function renderSpecs(){
+  $("#spec-n").textContent=DATA.specs.filter(s=>s.status==="done").length+"/"+DATA.specs.length;
+  const host=$("#speclist");host.replaceChildren();
+  if(!DATA.specs.length){host.appendChild(emptyHint("sin specs medidas todavía — la fase SPEC las declara"));return;}
+  DATA.specs.forEach(s=>append(host,append(node("div","spec"),node("span","id",s.id),node("span","t",s.t),
+    node("span","chip "+(chipClass[s.status]||"st-todo"),chipText[s.status]||s.status),node("span","acc",String(s.acc)+"%"))));
+}
+function adrLabel(a){
+  if(a.adr_status==="experiment"){
+    if(a.expired)return "experiment overdue";
+    if(a.experiment_valid===false)return "experiment invalid";
+    return "experiment";
+  }
+  if(a.adr_status)return a.adr_status;
+  return a.status==="done"?"accepted":a.status==="prog"?"proposed":chipText[a.status];
+}
+function renderAdrs(){
+  $("#adr-n").textContent=DATA.adrs.filter(a=>a.status==="done").length+"/"+DATA.adrs.length;
+  const host=$("#adrlist");host.replaceChildren();
+  if(!DATA.adrs.length){host.appendChild(emptyHint("sin ADRs medidos todavía — la fase ADR·CONST los registra"));return;}
+  DATA.adrs.forEach(a=>append(host,append(node("div","spec"),node("span","id",a.id),node("span","t",a.t),
+    node("span","chip "+(chipClass[a.status]||"st-todo"),adrLabel(a)))));
+}
+function renderInv(){
+  const host=$("#inv");host.replaceChildren();
+  DATA.inv.forEach(v=>{const item=node("span","item "+(v.status||""));append(item,node("i"),document.createTextNode(String(v.name||"")));host.appendChild(item);});
+}
+function renderHeat(){
+  const cls={ok:"h-ok",warn:"h-warn",miss:"h-miss"},host=$("#heat");host.replaceChildren();
+  const card=$("#card-heat");
+  // the engine does not feed capas for a real project -> hide the whole card rather than show a dead grid
+  if(!(DATA.capas||[]).length){if(card)card.hidden=true;return;}
+  if(card)card.hidden=false;
+  DATA.capas.forEach(c=>append(host,append(node("div","cell "+(cls[c.status]||""),undefined),node("div","lab",c.name),node("div","v",c.v))));
+}
+function renderLoops(){
+  $("#qa-n").textContent=DATA.loops.length;
+  const tag={converged:["st-done","converged"],oscillating:["st-prog","oscillating"],escalated:["st-block","escalated"],active:["st-prog","active"]};
+  const host=$("#loops");host.replaceChildren();
+  if(!DATA.loops.length){host.appendChild(emptyHint("sin loops de QA todavía — arrancan en la fase QA loop"));return;}
+  DATA.loops.forEach(l=>{
+    const mx=l.max||l.iters||0,bars=node("span","bar");
+    for(let i=0;i<mx;i++)bars.appendChild(node("b",i<l.iters?"on":""));
+    const t=tag[l.state]||["st-todo","—"];
+    append(host,append(node("div","loop"),node("span","mod",l.mod),bars,node("span","tag "+t[0],t[1])));
+  });
+}
+function renderSubs(){
+  const band=v=>(v==null?"var(--ink-mute)":v>=85?"var(--green)":v>=65?"var(--amber)":"var(--red)");
+  const host=$("#subrow");host.replaceChildren();
+  DATA.subscores.forEach(s=>{const val=node("div","val",s.val==null?"—":s.val);val.style.color=band(s.val);
+    append(host,append(node("div","s"),node("div","k",s.k),val,node("div","bd",s.bd==null?"":s.bd)));});
+}
+function renderExecutionPolicy(){
+  const host=$("#exec");if(!host)return;host.replaceChildren();
+  const policy=DATA.execution_policy||{},phases=policy.phases||{},source=policy.source||"policy";
+  $("#exec-n").textContent=source.replace("config.defaults.","");
+  if(!(DATA.phases||[]).length){const empty=node("p",null,"No execution_policy in DATA.");empty.style.color="var(--ink-mute)";empty.style.fontSize=".82rem";host.appendChild(empty);return;}
+  (DATA.phases||[]).forEach(p=>{
+    const e=p.execution||phases[p.key]||{},meta=node("div","exmeta");
+    append(meta,node("span","exchip","tier="+(e.tier||"-")),node("span","exchip","model="+(e.model||"default")),
+      node("span","exchip","effort="+(e.effort||"-")));
+    if(e.uncorrelated)meta.appendChild(node("span","exchip warn","uncorrelated"));
+    append(host,append(node("div","exrow"),node("div","exphase",String(p.phase||"")+" "+String(p.key||"")),
+      append(node("div"),node("div","exmethod",e.method||"No execution policy declared for this phase."),meta)));
+  });
+}
+function renderTelemetry(){
+  const t=DATA.telemetry,sec=$("#telemetry");if(!t){if(sec)sec.hidden=true;return;}
+  const fmtN=n=>n==null?"—":n>=1e6?(n/1e6).toFixed(1)+"M":n>=1e3?Math.round(n/1e3)+"k":String(n);
+  const fmtMs=ms=>{if(ms==null)return "—";const m=Math.round(ms/60000);return m>=60?(m/60).toFixed(1)+"h":m+"m";};
+  const bm=t.by_model||[],short=m=>String(m).replace(/^claude-/,"");
+  const modelCell=bm.length?(bm.length+" model"+(bm.length>1?"s":"")):(t.model?short(t.model):"—");
+  const cells=[["tokens in",fmtN(t.tokens_in)],["tokens out",fmtN(t.tokens_out)],["wall time",fmtMs(t.ms)],["model",modelCell],["effort",t.effort||"—"],["sessions",t.sessions==null?"—":String(t.sessions)]];
+  const row=$("#trow");row.replaceChildren();cells.forEach(([k,v])=>append(row,append(node("div","tcell"),node("div","tk",k),node("div","tv",v))));
+  const models=$("#tmodels");models.replaceChildren();
+  if(bm.length>1)bm.forEach(m=>append(models,append(node("div","tmrow"),node("span","tmn",short(m.model)),node("span","tmv",fmtN(m.tokens_in)+" → "+fmtN(m.tokens_out)))));
+  if(sec)sec.hidden=false;
+}
+/* ==== status story: cómo viene / qué lo traba / qué sigue — all from measured DATA ==== */
+function renderStatus(){
+  const sec=$("#status");if(!sec)return;
+  /* CÓMO VIENE — the measured dimensions, verbatim from the ledger's sub-scores */
+  const how=$("#s-how");how.replaceChildren();
+  const subs=DATA.subscores||[];
+  if(subs.length){
+    subs.forEach((s,i)=>{
+      if(i)how.appendChild(document.createTextNode(" · "));
+      how.appendChild(node("b",null,s.k));
+      how.appendChild(document.createTextNode(" "+(s.bd==null?(s.val==null?"—":String(s.val)):s.bd)));
+    });
+  }else how.appendChild(node("span","muted","sin dimensiones medidas todavía"));
+  /* QUÉ LO TRABA — hard blockers only, each traceable to a measured field */
+  const bl=$("#s-block");bl.replaceChildren();
+  const blockers=[];
+  const cap=DATA.readiness&&DATA.readiness.sub;
+  if(cap)blockers.push("tope de readiness — "+String(cap).replace(/<[^>]+>/g,"").trim());
+  subs.forEach(s=>{const bd=String(s.bd||"").toUpperCase();
+    if(bd.includes("FAIL")||bd.includes("MISS"))blockers.push("gate "+s.k+": "+s.bd);});
+  // NB: a failing gate already flips its CONSTITUTION invariant, so we do NOT also list the
+  // invariant here -- that would double-report one fact. Invariant status has its own card.
+  const di=DATA.discovery_intake||{};
+  if(countOf(di.production_findings))blockers.push(countOf(di.production_findings)+" hallazgo(s) de producción abiertos");
+  if(countOf(di.spec_doubts))blockers.push(countOf(di.spec_doubts)+" duda(s) de spec abiertas");
+  if(countOf(di.spec_change_requests))blockers.push(countOf(di.spec_change_requests)+" cambio(s) de spec pendientes");
+  const ex=DATA.adr_experiments||{};
+  if(ex.expired)blockers.push(ex.expired+" experimento(s) ADR vencidos");
+  if(ex.malformed)blockers.push(ex.malformed+" experimento(s) ADR malformados");
+  const seen=new Set(),uniq=blockers.filter(b=>!seen.has(b)&&seen.add(b));
+  if(uniq.length){
+    uniq.forEach(b=>{const row=node("div","bk");append(row,node("i",null,"▸"),document.createTextNode(b));bl.appendChild(row);});
+  }else{
+    const unmeasured=subs.filter(s=>s.val==null||s.val===0).map(s=>s.k);
+    const row=node("div","bk ok");
+    append(row,node("i",null,"✓"),document.createTextNode(
+      unmeasured.length?"nada bloquea — el score sube con evidencia medida en: "+unmeasured.join(", "):"nada bloquea"));
+    bl.appendChild(row);
+  }
+  /* QUÉ SIGUE — the active phase in the FSM + its method and execution hint */
+  const nx=$("#s-next");nx.replaceChildren();
+  const ph=DATA.phases||[];
+  let idx=ph.findIndex(p=>p.status==="prog"||p.status==="block");
+  if(idx<0)idx=ph.findIndex(p=>p.status==="todo");
+  if(idx<0)idx=ph.length-1;
+  const p=ph[idx];
+  if(p){
+    const pol=(DATA.execution_policy&&DATA.execution_policy.phases)||{};
+    const e=p.execution||pol[p.key]||{};
+    const head=node("div","nmethod");
+    head.appendChild(node("b",null,String(p.phase||"")+" "+String(p.label||p.key||"").toUpperCase()));
+    if(e.method)head.appendChild(document.createTextNode(" — "+e.method));
+    nx.appendChild(head);
+    const meta=node("div","nmeta");
+    append(meta,node("span",null,"tier="+(e.tier||"-")),node("span",null,"model="+(e.model||"default")),node("span",null,"effort="+(e.effort||"-")));
+    if(e.uncorrelated)meta.appendChild(node("span",null,"uncorrelated"));
+    nx.appendChild(meta);
+  }else nx.appendChild(node("span","muted","—"));
+  sec.hidden=false;
+}
+/* ==== evidence drawer ==== */
+function openEvidence(key){
+  const e=DATA.evidence[key];if(!e)return;
+  $("#d-ey").textContent=e.ey;$("#d-title").textContent=e.title;$("#d-desc").textContent=e.desc;renderEvidencePre($("#d-pre"),e.pre);
+  $("#drawer").classList.add("open");$("#drawer").setAttribute("aria-hidden","false");$("#scrim").classList.add("open");
+}
+function closeDrawer(){$("#drawer").classList.remove("open");$("#drawer").setAttribute("aria-hidden","true");$("#scrim").classList.remove("open");}
+$("#d-close").addEventListener("click",closeDrawer);$("#scrim").addEventListener("click",closeDrawer);
+document.addEventListener("keydown",e=>{if(e.key==="Escape")closeDrawer();});
+/* ==== time-lapse ==== */
+const scrub=$("#scrub"),snaps=DATA.snapshots||[];
+if(snaps.length){scrub.max=snaps.length-1;scrub.value=snaps.length-1;}else{scrub.max=0;scrub.value=0;scrub.disabled=true;}
+function applySnapshot(i){
+  const s=snaps[i];if(!s)return;$("#asof").textContent=s.date;
+  if(i===snaps.length-1){paintVerdict(DATA.readiness.score,DATA.readiness.band,DATA.readiness.title,DATA.readiness.sub);renderTrail(null);}
+  else{const band=s.readiness>=95?"READY":s.readiness>=50?"IN PROGRESS":"NOT READY";
+    paintVerdict(s.readiness,band,"History","Reconstructed from the snapshot of "+s.date+" — the ledger keeps every run.");renderTrail(s.reached);}
+}
+scrub.addEventListener("input",()=>applySnapshot(+scrub.value));
+/* ==== init ==== */
+renderStatus();renderSpecs();renderAdrs();renderInv();renderHeat();renderLoops();renderSubs();renderExecutionPolicy();renderTelemetry();
+$("#asof").textContent=snaps.length?snaps[snaps.length-1].date:"no history yet (readiness --record)";
+renderTrail(null);
+</script>
+</body>
+</html>