@mutagent/helix 0.1.0-alpha.14

package/assets/system-status.svg

@@ -0,0 +1,422 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 960 1865" width="960" height="1865" role="img"
+     aria-label="MutagenT System — the ADL. The Agentic Development Lifecycle loop; the Evaluator and Diagnostics workflows and the boundary between them; the system's parts and commands; a tested-and-verified status (verified end-to-end, output quality independently validated); and the current focus on *discover eval and dataset quality.">
+  <title>MutagenT System — the ADL</title>
+  <desc>An animated status poster for the MutagenT Agentic Development Lifecycle (ADL): the spec-build-evaluate-diagnose-improve loop conducted by Helix; the Evaluator pipeline (discover, judge, validate, human review, dataset); the Diagnostics pipeline; the parts and commands (Helix conductor + Skill-Builder, Evaluator, Diagnostics + the evaluator command surface); a tested-and-verified status; and the current focus on *discover eval &amp; dataset quality.</desc>
+
+  <defs>
+    <radialGradient id="bg" cx="50%" cy="12%" r="118%">
+      <stop offset="0%"  stop-color="#13131e"/>
+      <stop offset="46%" stop-color="#0c0c14"/>
+      <stop offset="100%" stop-color="#09090f"/>
+    </radialGradient>
+    <linearGradient id="wordmark" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%"  stop-color="#06b6d4"/>
+      <stop offset="48%" stop-color="#a78bfa"/>
+      <stop offset="100%" stop-color="#c77dff"/>
+    </linearGradient>
+    <linearGradient id="ring" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%"   stop-color="#22d3ee"/>
+      <stop offset="42%"  stop-color="#06b6d4"/>
+      <stop offset="76%"  stop-color="#a78bfa"/>
+      <stop offset="100%" stop-color="#c77dff"/>
+    </linearGradient>
+    <radialGradient id="comet" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#f5f3ff"/><stop offset="55%" stop-color="#c4b5fd"/><stop offset="100%" stop-color="#a78bfa" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="spark" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#ffffff"/><stop offset="55%" stop-color="#67e8f9"/><stop offset="100%" stop-color="#06b6d4" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="hubFill" cx="50%" cy="36%" r="74%">
+      <stop offset="0%" stop-color="#1e1e30"/><stop offset="100%" stop-color="#0c0c16"/>
+    </radialGradient>
+    <filter id="soft" x="-90%" y="-90%" width="280%" height="280%"><feGaussianBlur stdDeviation="5"/></filter>
+    <filter id="glowG" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="6"/></filter>
+    <marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="#a78bfa"/></marker>
+    <marker id="arrowDim" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="#5a5a72"/></marker>
+    <clipPath id="focusClip"><rect x="40" y="40" width="880" height="118" rx="14"/></clipPath>
+    <path id="hubOrbit" d="M480,206 A44,44 0 1 1 479.9,206" fill="none"/>
+
+    <style>
+      .wm{font:700 46px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:1px}
+      .tag{font:500 12.5px 'IBM Plex Mono',ui-monospace,Consolas,monospace}
+      .sect{font:700 18px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:.4px}
+      .sub{font:500 11.5px 'IBM Plex Mono',ui-monospace,monospace;fill:#9a9ab4}
+      .stage{font:700 15px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:.5px}
+      .owner{font:500 9.5px 'IBM Plex Mono',ui-monospace,monospace;fill:#9a9ab4}
+      .cmd{font:600 10px 'IBM Plex Mono',ui-monospace,monospace}
+      .node{font:700 12px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:.3px}
+      .ndesc{font:400 9px 'IBM Plex Mono',ui-monospace,monospace;fill:#8e8ea8}
+      .part{font:700 13.5px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:.3px}
+      .prole{font:400 9.5px 'IBM Plex Mono',ui-monospace,monospace;fill:#9a9ab4}
+      .big{font:700 24px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:.5px}
+      .body{font:400 12.5px 'Space Grotesk','Helvetica Neue',Arial,sans-serif;fill:#c4c4d6}
+      .chip{font:600 10.5px 'IBM Plex Mono',ui-monospace,monospace}
+      .vchip{font:700 10.5px 'IBM Plex Mono',ui-monospace,monospace}
+      .foot{font:500 11px 'IBM Plex Mono',ui-monospace,monospace;fill:#5a5a72}
+
+      .halo{opacity:.12;transform-box:fill-box;transform-origin:center}
+      @keyframes pulse{0%,100%{opacity:.08;transform:scale(.9)}14%{opacity:.5;transform:scale(1.07)}32%{opacity:.08;transform:scale(.9)}}
+      .h0{animation:pulse 9s ease-in-out infinite}.h1{animation:pulse 9s ease-in-out infinite 1.8s}
+      .h2{animation:pulse 9s ease-in-out infinite 3.6s}.h3{animation:pulse 9s ease-in-out infinite 5.4s}.h4{animation:pulse 9s ease-in-out infinite 7.2s}
+      @keyframes march{to{stroke-dashoffset:-44}}
+      .iterate{stroke-dasharray:8 6;animation:march 1.1s linear infinite}
+      .ringflow{stroke-dasharray:3 9;animation:march 2.4s linear infinite reverse}
+      @keyframes spoke{0%,100%{opacity:.10}50%{opacity:.34}}
+      .spoke{stroke:#3a3a52;stroke-width:1;animation:spoke 4.5s ease-in-out infinite}
+      @keyframes nglow{0%,100%{opacity:0}50%{opacity:.45}}
+      .ng{transform-box:fill-box;transform-origin:center}
+      .ng0{animation:nglow 5s ease-in-out infinite}.ng1{animation:nglow 5s ease-in-out infinite 1s}
+      .ng2{animation:nglow 5s ease-in-out infinite 2s}.ng3{animation:nglow 5s ease-in-out infinite 3s}.ng4{animation:nglow 5s ease-in-out infinite 4s}
+      @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
+      .blink{animation:blink 1.8s ease-in-out infinite}
+      @keyframes breathe{0%,100%{opacity:.3}50%{opacity:.85}}
+      .breatheG{animation:breathe 3.4s ease-in-out infinite}.breatheA{animation:breathe 2.6s ease-in-out infinite}
+      @keyframes draw{0%{stroke-dashoffset:62}45%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
+      .check{stroke-dasharray:62;animation:draw 4s ease-in-out infinite}
+      @keyframes stamp{0%{transform:scale(.55);opacity:0}9%{transform:scale(1.1);opacity:1}16%{transform:scale(1)}100%{transform:scale(1);opacity:1}}
+      .stamp{transform-box:fill-box;transform-origin:center;animation:stamp 6s ease-out infinite}
+      @keyframes scan{0%{transform:translateX(-60px)}100%{transform:translateX(900px)}}
+      .scan{animation:scan 4.5s linear infinite}
+      @keyframes shimmer{0%,100%{opacity:.9}50%{opacity:1}}
+      .wmsh{animation:shimmer 5s ease-in-out infinite}
+      @keyframes vpop{0%,100%{opacity:.55}50%{opacity:1}}
+      .v0{animation:vpop 4s ease-in-out infinite}.v1{animation:vpop 4s ease-in-out infinite .5s}
+      .v2{animation:vpop 4s ease-in-out infinite 1s}.v3{animation:vpop 4s ease-in-out infinite 1.5s}
+      .v4{animation:vpop 4s ease-in-out infinite 2s}.v5{animation:vpop 4s ease-in-out infinite 2.5s}.v6{animation:vpop 4s ease-in-out infinite 3s}
+    </style>
+  </defs>
+
+  <rect width="960" height="1865" fill="url(#bg)"/>
+
+  <!-- ============================== HEADER ============================== -->
+  <g>
+    <text x="40" y="62" class="wm wmsh" fill="url(#wordmark)">MUTAGENT</text>
+    <text x="40" y="90" class="tag" fill="#8e8ea8">The Agentic Development Lifecycle &#183; idea &#8594; continuously-improving production</text>
+    <g transform="translate(710,38)">
+      <rect x="0" y="0" width="210" height="34" rx="17" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.55"/>
+      <circle cx="22" cy="17" r="6" fill="#10b981" class="blink"/>
+      <text x="38" y="22" class="chip" fill="#10b981">SYSTEM VERIFIED &#183; v1</text>
+    </g>
+    <line x1="40" y1="108" x2="920" y2="108" stroke="#ffffff" stroke-opacity="0.08"/>
+  </g>
+
+  <!-- ============================== ① ADL LOOP ============================== -->
+  <g transform="translate(0,118)">
+    <text x="40" y="26" class="sect" fill="#e8e8f2">&#9312; THE SYSTEM &#8212; one loop, five stages</text>
+    <text x="40" y="46" class="sub">spec &#9656; build &#9656; evaluate &#9656; diagnose &#9656; improve &#8635; &#160;&#183;&#160; a flexible DAG, conducted by Helix</text>
+
+    <path id="loop" d="M480,85 L636.9,199 L576.97,383.5 L383.03,383.5 L323.1,199 Z" fill="none" stroke="url(#ring)" stroke-width="2.4" opacity="0.5" stroke-linejoin="round"/>
+    <path d="M480,85 L636.9,199 L576.97,383.5 L383.03,383.5 L323.1,199 Z" fill="none" stroke="#a78bfa" stroke-width="2.2" opacity="0.55" stroke-linejoin="round" class="ringflow"/>
+
+    <g>
+      <line class="spoke" x1="480" y1="250" x2="480"    y2="85"/>
+      <line class="spoke" x1="480" y1="250" x2="636.9"  y2="199"/>
+      <line class="spoke" x1="480" y1="250" x2="576.97" y2="383.5"/>
+      <line class="spoke" x1="480" y1="250" x2="383.03" y2="383.5"/>
+      <line class="spoke" x1="480" y1="250" x2="323.1"  y2="199"/>
+      <circle cx="480" cy="250" r="43" fill="url(#hubFill)" stroke="#a78bfa" stroke-opacity="0.45" stroke-width="1.4"/>
+      <text x="480" y="246" text-anchor="middle" class="stage" fill="#e8e8f2">HELIX</text>
+      <text x="480" y="263" text-anchor="middle" class="owner">conductor</text>
+      <circle r="2.6" fill="#67e8f9"><animateMotion dur="7s" repeatCount="indefinite"><mpath xlink:href="#hubOrbit"/></animateMotion></circle>
+      <circle r="2.2" fill="#c77dff"><animateMotion dur="7s" begin="-3.5s" repeatCount="indefinite"><mpath xlink:href="#hubOrbit"/></animateMotion></circle>
+    </g>
+
+    <path class="iterate" d="M335,182 Q480,118 625,182" fill="none" stroke="#a78bfa" stroke-width="2" marker-end="url(#arrow)"/>
+    <text x="480" y="138" text-anchor="middle" class="cmd" fill="#a78bfa">iterate &#8635; build-back</text>
+
+    <circle r="12" fill="url(#comet)" filter="url(#soft)"><animateMotion dur="9s" repeatCount="indefinite" rotate="auto"><mpath xlink:href="#loop"/></animateMotion></circle>
+    <circle r="4.5" fill="#f5f3ff"><animateMotion dur="9s" repeatCount="indefinite" rotate="auto"><mpath xlink:href="#loop"/></animateMotion></circle>
+    <circle r="8" fill="url(#comet)" filter="url(#soft)" opacity="0.6"><animateMotion dur="9s" begin="-3s" repeatCount="indefinite"><mpath xlink:href="#loop"/></animateMotion></circle>
+    <circle r="8" fill="url(#comet)" filter="url(#soft)" opacity="0.6"><animateMotion dur="9s" begin="-6s" repeatCount="indefinite"><mpath xlink:href="#loop"/></animateMotion></circle>
+
+    <g>
+      <rect class="halo h0" x="405" y="57" width="150" height="56" rx="14" fill="#38bdf8"/>
+      <rect x="405" y="57" width="150" height="56" rx="12" fill="#0e1726" stroke="#38bdf8" stroke-width="1.5"/>
+      <text x="480" y="80" text-anchor="middle" class="stage" fill="#7dd3fc">SPEC</text>
+      <text x="480" y="95" text-anchor="middle" class="owner">operator defines</text>
+      <text x="480" y="107" text-anchor="middle" class="cmd" fill="#7dd3fc">*spec</text>
+    </g>
+    <g>
+      <rect class="halo h1" x="561.9" y="171" width="150" height="56" rx="14" fill="#06b6d4"/>
+      <rect x="561.9" y="171" width="150" height="56" rx="12" fill="#0e1726" stroke="#06b6d4" stroke-width="1.5"/>
+      <text x="636.9" y="194" text-anchor="middle" class="stage" fill="#22d3ee">BUILD</text>
+      <text x="636.9" y="209" text-anchor="middle" class="owner">skill-builder</text>
+      <text x="636.9" y="221" text-anchor="middle" class="cmd" fill="#67e8f9">*build</text>
+    </g>
+    <g>
+      <rect class="halo h2" x="501.97" y="355.5" width="150" height="56" rx="14" fill="#22d3ee"/>
+      <rect x="501.97" y="355.5" width="150" height="56" rx="12" fill="#0e1726" stroke="#22d3ee" stroke-width="1.8"/>
+      <text x="576.97" y="378.5" text-anchor="middle" class="stage" fill="#67e8f9">EVALUATE &#9733;</text>
+      <text x="576.97" y="393.5" text-anchor="middle" class="owner">evaluator</text>
+      <text x="576.97" y="405.5" text-anchor="middle" class="cmd" fill="#a5f3fc">*evaluate &#183; *audit</text>
+    </g>
+    <g>
+      <rect class="halo h3" x="308.03" y="355.5" width="150" height="56" rx="14" fill="#a78bfa"/>
+      <rect x="308.03" y="355.5" width="150" height="56" rx="12" fill="#16111f" stroke="#a78bfa" stroke-width="1.5"/>
+      <text x="383.03" y="378.5" text-anchor="middle" class="stage" fill="#c4b5fd">DIAGNOSE</text>
+      <text x="383.03" y="393.5" text-anchor="middle" class="owner">diagnostics</text>
+      <text x="383.03" y="405.5" text-anchor="middle" class="cmd" fill="#ddd6fe">*diagnose</text>
+    </g>
+    <g>
+      <rect class="halo h4" x="248.1" y="171" width="150" height="56" rx="14" fill="#c77dff"/>
+      <rect x="248.1" y="171" width="150" height="56" rx="12" fill="#16111f" stroke="#c77dff" stroke-width="1.5"/>
+      <text x="323.1" y="194" text-anchor="middle" class="stage" fill="#e2c4ff">IMPROVE</text>
+      <text x="323.1" y="209" text-anchor="middle" class="owner">gated apply &#8635;</text>
+      <text x="323.1" y="221" text-anchor="middle" class="cmd" fill="#e2c4ff">*improve</text>
+    </g>
+
+    <text x="480" y="448" text-anchor="middle" class="sub" style="fill:#7a7a96">enter at ANY stage &#183; evaluator judges, never fixes &#183; failures route to diagnose &#183; transitions are explicit</text>
+  </g>
+
+  <!-- ============================== ② EVALUATOR PIPELINE ============================== -->
+  <g transform="translate(0,596)">
+    <text x="40" y="22" class="sect" fill="#e8e8f2">&#9313; THE EVALUATOR &#8212; from real traces to a trustworthy eval suite</text>
+    <text x="40" y="42" class="sub">a judge, never a fixer &#160;&#183;&#160; every verdict binary, critiqued, and validated against humans</text>
+
+    <line x1="114" y1="118" x2="846" y2="118" stroke="#2a2a3e" stroke-width="2"/>
+    <line x1="188" y1="118" x2="223" y2="118" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <line x1="371" y1="118" x2="406" y2="118" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <line x1="554" y1="118" x2="589" y2="118" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <line x1="737" y1="118" x2="772" y2="118" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <circle r="9" fill="url(#spark)" filter="url(#soft)"><animateMotion dur="5.5s" repeatCount="indefinite" path="M114,118 L846,118"/></circle>
+    <circle r="3.5" fill="#ffffff"><animateMotion dur="5.5s" repeatCount="indefinite" path="M114,118 L846,118"/></circle>
+
+    <g>
+      <rect class="halo ng ng0" x="40" y="88" width="148" height="60" rx="13" fill="#06b6d4"/>
+      <rect x="40" y="88" width="148" height="60" rx="11" fill="#101019" stroke="#06b6d4" stroke-width="1.4"/>
+      <text x="114" y="112" text-anchor="middle" class="node" fill="#67e8f9">DISCOVER</text>
+      <text x="114" y="127" text-anchor="middle" class="ndesc">mine binary, actionable</text>
+      <text x="114" y="138" text-anchor="middle" class="ndesc">criteria from traces</text>
+    </g>
+    <g>
+      <rect class="halo ng ng1" x="223" y="88" width="148" height="60" rx="13" fill="#38bdf8"/>
+      <rect x="223" y="88" width="148" height="60" rx="11" fill="#101019" stroke="#38bdf8" stroke-width="1.4"/>
+      <text x="297" y="112" text-anchor="middle" class="node" fill="#7dd3fc">JUDGE</text>
+      <text x="297" y="127" text-anchor="middle" class="ndesc">trajectory + per-criterion</text>
+      <text x="297" y="138" text-anchor="middle" class="ndesc">score &#8594; GATE verdict</text>
+    </g>
+    <g>
+      <rect class="halo ng ng2" x="406" y="88" width="148" height="60" rx="13" fill="#818cf8"/>
+      <rect x="406" y="88" width="148" height="60" rx="11" fill="#101019" stroke="#818cf8" stroke-width="1.4"/>
+      <text x="480" y="112" text-anchor="middle" class="node" fill="#a5b4fc">VALIDATE</text>
+      <text x="480" y="127" text-anchor="middle" class="ndesc">judge accuracy TPR/TNR</text>
+      <text x="480" y="138" text-anchor="middle" class="ndesc">bias-corrected</text>
+    </g>
+    <g>
+      <rect class="halo ng ng3" x="589" y="88" width="148" height="60" rx="13" fill="#a78bfa"/>
+      <rect x="589" y="88" width="148" height="60" rx="11" fill="#13101c" stroke="#a78bfa" stroke-width="1.4"/>
+      <text x="663" y="112" text-anchor="middle" class="node" fill="#c4b5fd">HUMAN REVIEW</text>
+      <text x="663" y="127" text-anchor="middle" class="ndesc">label capture, in the loop</text>
+      <text x="663" y="138" text-anchor="middle" class="ndesc">grounds the judge</text>
+    </g>
+    <g>
+      <rect class="halo ng ng4" x="772" y="88" width="148" height="60" rx="13" fill="#c77dff"/>
+      <rect x="772" y="88" width="148" height="60" rx="11" fill="#13101c" stroke="#c77dff" stroke-width="1.4"/>
+      <text x="846" y="112" text-anchor="middle" class="node" fill="#e2c4ff">DATASET</text>
+      <text x="846" y="127" text-anchor="middle" class="ndesc">synthesis + distillation</text>
+      <text x="846" y="138" text-anchor="middle" class="ndesc">held-out regression set</text>
+    </g>
+    <text x="40" y="184" class="sub" style="fill:#7a7a96">failures it finds are routed to DIAGNOSE &#8212; the evaluator scores; it never edits the subject.</text>
+  </g>
+
+  <!-- ============================== ③ DIAGNOSTICS ============================== -->
+  <g transform="translate(0,812)">
+    <text x="40" y="22" class="sect" fill="#e8e8f2">&#9314; DIAGNOSTICS &#8212; production traces to an evidence-grounded fix spec</text>
+    <text x="40" y="42" class="sub">root-cause every failure on real evidence &#160;&#183;&#160; ship a ranked, actionable handover</text>
+
+    <line x1="114" y1="101" x2="846" y2="101" stroke="#2a2a3e" stroke-width="2"/>
+    <line x1="262" y1="101" x2="284" y2="101" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <line x1="506" y1="101" x2="528" y2="101" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <line x1="750" y1="101" x2="772" y2="101" stroke="#5a5a72" stroke-width="2" marker-end="url(#arrowDim)"/>
+    <circle r="8" fill="url(#comet)" filter="url(#soft)"><animateMotion dur="5s" repeatCount="indefinite" path="M114,101 L846,101"/></circle>
+    <circle r="3.5" fill="#f5f3ff"><animateMotion dur="5s" repeatCount="indefinite" path="M114,101 L846,101"/></circle>
+
+    <g>
+      <rect class="halo ng ng0" x="40" y="72" width="148" height="58" rx="13" fill="#a78bfa"/>
+      <rect x="40" y="72" width="148" height="58" rx="11" fill="#13101c" stroke="#a78bfa" stroke-width="1.4"/>
+      <text x="114" y="97" text-anchor="middle" class="node" fill="#c4b5fd">INGEST TRACES</text>
+      <text x="114" y="113" text-anchor="middle" class="ndesc">pull production sessions</text>
+    </g>
+    <g>
+      <rect class="halo ng ng1" x="284" y="72" width="148" height="58" rx="13" fill="#b389f0"/>
+      <rect x="284" y="72" width="148" height="58" rx="11" fill="#13101c" stroke="#b389f0" stroke-width="1.4"/>
+      <text x="358" y="97" text-anchor="middle" class="node" fill="#cdb4fc">ANALYZE</text>
+      <text x="358" y="113" text-anchor="middle" class="ndesc">parallel RCA + causal chains</text>
+    </g>
+    <g>
+      <rect class="halo ng ng2" x="528" y="72" width="148" height="58" rx="13" fill="#c77dff"/>
+      <rect x="528" y="72" width="148" height="58" rx="11" fill="#13101c" stroke="#c77dff" stroke-width="1.4"/>
+      <text x="602" y="97" text-anchor="middle" class="node" fill="#e2c4ff">FINDINGS</text>
+      <text x="602" y="113" text-anchor="middle" class="ndesc">evidence-grounded, ranked</text>
+    </g>
+    <g>
+      <rect class="halo ng ng3" x="772" y="72" width="148" height="58" rx="13" fill="#10b981"/>
+      <rect x="772" y="72" width="148" height="58" rx="11" fill="#0e1a14" stroke="#10b981" stroke-width="1.4"/>
+      <text x="846" y="97" text-anchor="middle" class="node" fill="#6ee7b7">HANDOVER SPEC</text>
+      <text x="846" y="113" text-anchor="middle" class="ndesc">remedies &#8594; gated apply</text>
+    </g>
+  </g>
+
+  <!-- ============================== ④ EVALUATOR ↔ DIAGNOSTICS BOUNDARY ============================== -->
+  <g transform="translate(0,958)">
+    <text x="40" y="22" class="sect" fill="#e8e8f2">&#9315; THE EVALUATOR &#8596; DIAGNOSTICS BOUNDARY &#8212; decide, then fix</text>
+    <text x="40" y="42" class="sub">the sharpest line in the system &#160;&#183;&#160; a judge that never fixes hands off to a fixer that never judges</text>
+
+    <!-- left lane: EVALUATOR (decide) -->
+    <rect x="40" y="58" width="372" height="92" rx="13" fill="#0e1726" stroke="#22d3ee" stroke-width="1.6"/>
+    <circle cx="64" cy="82" r="4" fill="#22d3ee" class="blink"/>
+    <text x="78" y="86" class="part" fill="#67e8f9">EVALUATOR</text>
+    <text x="392" y="86" text-anchor="end" class="cmd" fill="#a5f3fc" style="opacity:.75">judge, never fix</text>
+    <text x="60" y="110" class="ndesc">discover &#8594; judge &#8594; validate &#8594; review &#8594; datasets</text>
+    <text x="60" y="126" class="ndesc">decides PASS / FAIL &#183; severity-gated verdict</text>
+    <text x="60" y="142" class="ndesc" style="fill:#7a7a96">&#8212; never edits the subject</text>
+
+    <!-- right lane: DIAGNOSTICS (fix) -->
+    <rect x="548" y="58" width="372" height="92" rx="13" fill="#13101c" stroke="#c77dff" stroke-width="1.6"/>
+    <circle cx="572" cy="82" r="4" fill="#c77dff" class="blink"/>
+    <text x="586" y="86" class="part" fill="#e2c4ff">DIAGNOSTICS</text>
+    <text x="900" y="86" text-anchor="end" class="cmd" fill="#e2c4ff" style="opacity:.75">diagnose &amp; propose</text>
+    <text x="568" y="110" class="ndesc">ingest &#8594; RCA (causal chains) &#8594; ranked remedies</text>
+    <text x="568" y="126" class="ndesc">handover spec &#8594; gated IMPROVE applies</text>
+    <text x="568" y="142" class="ndesc" style="fill:#7a7a96">&#8594; loop back to BUILD, re-evaluate</text>
+
+    <!-- the boundary: a dashed divider + a handoff that crosses it -->
+    <line x1="480" y1="60" x2="480" y2="148" stroke="#5a5a72" stroke-width="1.3" stroke-dasharray="5 7" opacity="0.7"/>
+    <text x="480" y="92" text-anchor="middle" class="cmd" fill="#cbb6f5">handoff &#8594;</text>
+    <line x1="412" y1="104" x2="548" y2="104" stroke="#7a7a96" stroke-width="2" marker-end="url(#arrow)"/>
+    <text x="480" y="124" text-anchor="middle" class="ndesc" style="fill:#9a9ab4">verdict + failing</text>
+    <text x="480" y="135" text-anchor="middle" class="ndesc" style="fill:#9a9ab4">criteria + evidence</text>
+    <circle r="7" fill="url(#comet)" filter="url(#soft)"><animateMotion dur="4s" repeatCount="indefinite" path="M412,104 L548,104"/></circle>
+    <circle r="3" fill="#f5f3ff"><animateMotion dur="4s" repeatCount="indefinite" path="M412,104 L548,104"/></circle>
+
+    <text x="480" y="172" text-anchor="middle" class="sub" style="fill:#7a7a96">decision stays independent of remediation &#8212; a judge that also fixes can rationalize its own verdicts</text>
+  </g>
+
+  <!-- ============================== ⑤ PARTS & COMMANDS ============================== -->
+  <g transform="translate(0,1150)">
+    <text x="40" y="22" class="sect" fill="#e8e8f2">&#9316; PARTS &amp; COMMANDS &#8212; the system at a glance</text>
+    <text x="40" y="42" class="sub">one conductor &#183; three standalone skills &#183; each a part you can name, with the commands that drive it</text>
+
+    <!-- part cards : x = 40,264,488,712 ; w=208 ; y=56 h=78 -->
+    <g>
+      <rect x="40" y="56" width="208" height="78" rx="12" fill="#16111f" stroke="#a78bfa" stroke-width="1.4"/>
+      <circle cx="62" cy="80" r="4" fill="#a78bfa" class="blink"/>
+      <text x="74" y="84" class="part" fill="#c4b5fd">HELIX</text>
+      <text x="56" y="104" class="prole">conductor &#183; routes the</text>
+      <text x="56" y="116" class="prole">lifecycle, gates transitions</text>
+      <text x="56" y="130" class="cmd" fill="#a78bfa">*sync &#183; *status</text>
+    </g>
+    <g>
+      <rect x="264" y="56" width="208" height="78" rx="12" fill="#0e1726" stroke="#06b6d4" stroke-width="1.4"/>
+      <text x="280" y="84" class="part" fill="#22d3ee">SKILL-BUILDER</text>
+      <text x="280" y="104" class="prole">build &#183; construct skills</text>
+      <text x="280" y="116" class="prole">from a spec</text>
+      <text x="280" y="130" class="cmd" fill="#67e8f9">*build</text>
+    </g>
+    <g>
+      <rect x="488" y="56" width="208" height="78" rx="12" fill="#0e1726" stroke="#22d3ee" stroke-width="1.7"/>
+      <text x="504" y="84" class="part" fill="#67e8f9">EVALUATOR &#9733;</text>
+      <text x="504" y="104" class="prole">evaluate &#183; trustworthy</text>
+      <text x="504" y="116" class="prole">eval suite from traces</text>
+      <text x="504" y="130" class="cmd" fill="#a5f3fc">*evaluate &#183; *audit</text>
+    </g>
+    <g>
+      <rect x="712" y="56" width="208" height="78" rx="12" fill="#16111f" stroke="#c77dff" stroke-width="1.4"/>
+      <text x="728" y="84" class="part" fill="#e2c4ff">DIAGNOSTICS</text>
+      <text x="728" y="104" class="prole">diagnose &#183; RCA on real</text>
+      <text x="728" y="116" class="prole">traces &#8594; ranked remedies</text>
+      <text x="728" y="130" class="cmd" fill="#e2c4ff">*diagnose</text>
+    </g>
+
+    <text x="40" y="160" class="sub" style="fill:#a5f3fc">EVALUATOR COMMAND SURFACE</text>
+    <!-- command chips : x = 40,188,337,485,634,782 ; w=138 ; y=168 h=40 -->
+    <g>
+      <rect x="40" y="168" width="138" height="40" rx="9" fill="#101019" stroke="#06b6d4" stroke-opacity="0.5"/>
+      <text x="52" y="186" class="cmd" fill="#67e8f9">*discover</text>
+      <text x="52" y="200" class="ndesc">mine criteria</text>
+    </g>
+    <g>
+      <rect x="188" y="168" width="138" height="40" rx="9" fill="#101019" stroke="#38bdf8" stroke-opacity="0.5"/>
+      <text x="200" y="186" class="cmd" fill="#7dd3fc">*evaluate</text>
+      <text x="200" y="200" class="ndesc">judge &#8594; GATE</text>
+    </g>
+    <g>
+      <rect x="337" y="168" width="138" height="40" rx="9" fill="#101019" stroke="#818cf8" stroke-opacity="0.5"/>
+      <text x="349" y="186" class="cmd" fill="#a5b4fc">*validate</text>
+      <text x="349" y="200" class="ndesc">judge accuracy</text>
+    </g>
+    <g>
+      <rect x="485" y="168" width="138" height="40" rx="9" fill="#101019" stroke="#a78bfa" stroke-opacity="0.5"/>
+      <text x="497" y="186" class="cmd" fill="#c4b5fd">*review</text>
+      <text x="497" y="200" class="ndesc">human labels</text>
+    </g>
+    <g>
+      <rect x="634" y="168" width="138" height="40" rx="9" fill="#101019" stroke="#b388f5" stroke-opacity="0.5"/>
+      <text x="646" y="186" class="cmd" fill="#cdb4fc">*build-dataset</text>
+      <text x="646" y="200" class="ndesc">synthesize</text>
+    </g>
+    <g>
+      <rect x="782" y="168" width="138" height="40" rx="9" fill="#101019" stroke="#c77dff" stroke-opacity="0.5"/>
+      <text x="794" y="186" class="cmd" fill="#e2c4ff">*derive-dataset</text>
+      <text x="794" y="200" class="ndesc">distill held-out</text>
+    </g>
+  </g>
+
+  <!-- ============================== ⑥ TESTED & VERIFIED ============================== -->
+  <g transform="translate(0,1383)">
+    <text x="40" y="22" class="sect" fill="#e8e8f2">&#9317; TESTED &amp; VERIFIED</text>
+    <text x="906" y="22" text-anchor="end" class="sub" style="fill:#6ee7b7">independent peer review &#183; evidence-grounded</text>
+
+    <!-- headline banner -->
+    <rect x="40" y="36" width="880" height="60" rx="14" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.45" stroke-width="1.5"/>
+    <rect x="40" y="36" width="880" height="60" rx="14" fill="none" stroke="#10b981" stroke-width="2" class="breatheG"/>
+    <g transform="translate(82,66)" class="stamp">
+      <circle r="22" fill="#0c2118" stroke="#10b981" stroke-width="2"/>
+      <circle r="22" fill="none" stroke="#10b981" stroke-opacity="0.5" stroke-width="5" filter="url(#glowG)" class="breatheG"/>
+      <polyline points="-10,1 -3,9 11,-8" fill="none" stroke="#10b981" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round" class="check"/>
+    </g>
+    <text x="120" y="62" class="big" fill="#10b981">ALL COMMANDS VERIFIED END-TO-END</text>
+    <text x="120" y="84" class="body" style="fill:#9fdcc2">proven on real, live production agent data &#8212; not "it ran", but "it ran and what it produced is right"</text>
+
+    <!-- verified command chips : x=40,167,294,421,548,675,802 ; w=118 ; y=108 h=30 -->
+    <g>
+      <rect x="40"  y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="99"  y="127" text-anchor="middle" class="vchip v0" fill="#6ee7b7">&#10003; *discover</text>
+      <rect x="167" y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="226" y="127" text-anchor="middle" class="vchip v1" fill="#6ee7b7">&#10003; *evaluate</text>
+      <rect x="294" y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="353" y="127" text-anchor="middle" class="vchip v2" fill="#6ee7b7">&#10003; *validate</text>
+      <rect x="421" y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="480" y="127" text-anchor="middle" class="vchip v3" fill="#6ee7b7">&#10003; *review</text>
+      <rect x="548" y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="607" y="127" text-anchor="middle" class="vchip v4" fill="#6ee7b7">&#10003; *build-data</text>
+      <rect x="675" y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="734" y="127" text-anchor="middle" class="vchip v5" fill="#6ee7b7">&#10003; *derive-data</text>
+      <rect x="802" y="108" width="118" height="30" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="861" y="127" text-anchor="middle" class="vchip v6" fill="#6ee7b7">&#10003; *audit</text>
+    </g>
+
+    <!-- output-quality strip -->
+    <rect x="40" y="150" width="880" height="48" rx="12" fill="#101019" stroke="#10b981" stroke-opacity="0.3"/>
+    <text x="58" y="170" class="vchip" fill="#6ee7b7">OUTPUT QUALITY &#8212; independently validated</text>
+    <text x="58" y="187" class="ndesc" style="fill:#9a9ab4">eval-engine outputs adversarially peer-reviewed against the source trace &#8212; reviewer &#8800; executor</text>
+    <g>
+      <rect x="600" y="160" width="142" height="28" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="671" y="178" text-anchor="middle" class="vchip" fill="#6ee7b7">ZERO ungrounded</text>
+      <rect x="752" y="160" width="152" height="28" rx="8" fill="#0e1a14" stroke="#10b981" stroke-opacity="0.4"/><text x="828" y="178" text-anchor="middle" class="vchip" fill="#6ee7b7">ZERO false verdicts</text>
+    </g>
+  </g>
+
+  <!-- ============================== ◆ CURRENT FOCUS ============================== -->
+  <g transform="translate(0,1627)">
+    <text x="40" y="22" class="sect" fill="#f59e0b">&#9670; CURRENT FOCUS</text>
+    <rect x="40" y="40" width="880" height="118" rx="14" fill="#1a160e" stroke="#f59e0b" stroke-opacity="0.4" stroke-width="1.5"/>
+    <rect x="40" y="40" width="880" height="118" rx="14" fill="none" stroke="#f59e0b" stroke-width="1.8" class="breatheA"/>
+    <g clip-path="url(#focusClip)"><rect class="scan" x="0" y="40" width="44" height="118" fill="#f59e0b" opacity="0.10"/></g>
+    <rect x="40" y="40" width="6" height="118" rx="3" fill="#f59e0b"/>
+    <text x="72" y="80" class="big" fill="#f59e0b">*discover &#160;&#8594;&#160; Eval &amp; Dataset Quality Verification</text>
+    <text x="72" y="106" class="body" style="fill:#d8cdb4">Mining high-quality evaluation criteria and datasets from real production agent traces &#8212; and proving their quality.</text>
+    <g>
+      <rect x="72" y="122" width="170" height="24" rx="12" fill="#241d0d" stroke="#f59e0b" stroke-opacity="0.5"/>
+      <circle cx="86" cy="134" r="4" fill="#f59e0b" class="blink"/>
+      <text x="98" y="138" class="chip" fill="#f59e0b">the active frontier</text>
+    </g>
+  </g>
+
+  <!-- ============================== FOOTER ============================== -->
+  <text x="40" y="1843" class="foot">&#129516; MutagenT ADL &#183; internal &#183; spec &#9656; build &#9656; evaluate &#9656; diagnose &#9656; improve</text>
+  <text x="920" y="1843" text-anchor="end" class="foot">2026 &#183; standalone system</text>
+</svg>