kodelyth-ecc 1.7.2 → 1.7.4

package/scripts/dashboard/static/index.html

@@ -213,7 +213,7 @@
     <div class="brand">
       <span class="dot" id="liveDot"></span>
       <h1>Kodelyth ECC</h1>
-      <span class="sub" id="hostLabel">— dashboard v1.7.0 · localhost</span>
+      <span class="sub" id="hostLabel">— dashboard v1.7.4 · localhost</span>
     </div>
     <div class="header-right">
       <span id="connBadge" class="pill ok" title="Real-time SSE connection status">LIVE</span>
@@ -310,6 +310,12 @@
 
     <!-- ───────── SESSIONS ───────── -->
     <section data-panel="sessions" hidden>
+      <div class="card">
+        <h2>Live IDE activity</h2>
+        <p class="muted" style="margin-top:-4px;font-size:12.5px;">Most recently modified Claude Code / Windsurf / Antigravity session files. Updates every 3 seconds via SSE.</p>
+        <div id="ideSessionsList">loading…</div>
+      </div>
+      <hr class="sep">
       <div class="card">
         <h2>Orchestration / swarm sessions</h2>
         <div id="sessionsList">loading…</div>
@@ -372,7 +378,7 @@
   async function loadOverview() {
     try {
       const o = await api('/api/overview');
-      $('#hostLabel').textContent = `— dashboard v1.7.0 · ${location.host} · ${o.package_root.split('/').slice(-2).join('/')}`;
+      $('#hostLabel').textContent = `— dashboard v1.7.4 · ${location.host} · ${o.package_root.split('/').slice(-2).join('/')}`;
       $('#overviewCards').innerHTML = [
         statCard(o.catalog.agents,   'Agents'),
         statCard(o.catalog.skills,   'Skills'),
@@ -570,13 +576,67 @@
     }
   }
 
+  // ───── ide sessions (claude code / windsurf / antigravity) ─────
+  function formatBytes(n) {
+    if (!n || n < 0) return '—';
+    if (n < 1024) return n + ' B';
+    if (n < 1024 * 1024) return (n / 1024).toFixed(1) + ' KB';
+    if (n < 1024 * 1024 * 1024) return (n / (1024 * 1024)).toFixed(1) + ' MB';
+    return (n / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
+  }
+
+  function relativeTime(iso) {
+    if (!iso) return '—';
+    const ms = Date.now() - new Date(iso).getTime();
+    if (ms < 0) return 'just now';
+    const s = Math.floor(ms / 1000);
+    if (s < 60)    return s + 's ago';
+    if (s < 3600)  return Math.floor(s / 60) + 'm ago';
+    if (s < 86400) return Math.floor(s / 3600) + 'h ago';
+    return Math.floor(s / 86400) + 'd ago';
+  }
+
+  async function loadIdeSessions() {
+    try {
+      const r = await api('/api/ide-sessions');
+      if (!r.sessions.length) {
+        $('#ideSessionsList').innerHTML = `<div class="empty">No active IDE sessions detected. Open Claude Code, Windsurf, Cursor, or an Antigravity workspace and check back. <br><span style="font-size:11px;">Add custom paths via <code>KODELYTH_EXTRA_IDE_WATCH</code> env var.</span></div>`;
+        return;
+      }
+      const rows = r.sessions.map(s => {
+        const platformColor = s.platform === 'claude-code'   ? '#a855f7'
+                            : s.platform === 'windsurf'      ? '#06b6d4'
+                            : s.platform === 'windsurf-next' ? '#0ea5e9'
+                            : s.platform === 'cursor'        ? '#f97316'
+                            : s.platform === 'antigravity'   ? '#10b981'
+                            : s.platform === 'custom'        ? '#94a3b8'
+                            : '#64748b';
+        const project = s.project ? `<code style="font-size:11px;color:#94a3b8;word-break:break-all;">${escapeHtml(s.project)}</code>` : '<span class="muted">—</span>';
+        return `<tr>
+          <td><span class="pill" style="background:${platformColor}22;color:${platformColor};border-color:${platformColor}55;">${escapeHtml(s.platform)}</span></td>
+          <td>${project}</td>
+          <td class="muted" title="${escapeHtml(s.modified)}">${escapeHtml(relativeTime(s.modified))}</td>
+          <td class="muted">${escapeHtml(formatBytes(s.size_bytes))}</td>
+          <td><code style="font-size:10.5px;color:#64748b;">${escapeHtml(s.session_id.slice(0, 8))}…</code></td>
+        </tr>`;
+      }).join('');
+      $('#ideSessionsList').innerHTML = `<table>
+        <thead><tr><th>Platform</th><th>Project</th><th>Last activity</th><th>Size</th><th>Session</th></tr></thead>
+        <tbody>${rows}</tbody>
+      </table>`;
+      setLastUpdated();
+    } catch (e) {
+      $('#ideSessionsList').innerHTML = `<div class="empty">failed: ${escapeHtml(e.message)}</div>`;
+    }
+  }
+
   // ───── tab dispatcher ─────
   function onTabShown(tab) {
     if (tab === 'overview') loadOverview();
     if (tab === 'memory')   loadMemory();
     if (tab === 'evolve')   loadEvolve();
     if (tab === 'catalog')  loadCatalog();
-    if (tab === 'sessions') loadSessions();
+    if (tab === 'sessions') { loadIdeSessions(); loadSessions(); }
   }
 
   // ───── real-time: SSE connection ─────

package/social/card-install.svg

@@ -37,7 +37,7 @@
   <text x="48" y="200" font-family="'Courier New', Courier, monospace" font-size="12" fill="#e6edf3"> npx kodelyth-ecc --target windsurf-project</text>
   <text x="48" y="216" font-family="'Courier New', Courier, monospace" font-size="11" fill="#484f58"> # or Antigravity:</text>
   <text x="48" y="232" font-family="'Courier New', Courier, monospace" font-size="12" fill="#e6edf3"> npx kodelyth-ecc --target antigravity</text>
-  <text x="48" y="256" font-family="'Courier New', Courier, monospace" font-size="11" fill="#10b981"> Installing v1.7.0 — 70 agents, 194 skills, 97 commands...</text>
+  <text x="48" y="256" font-family="'Courier New', Courier, monospace" font-size="11" fill="#10b981"> Installing v1.7.4 — 70 agents, 194 skills, 97 commands...</text>
   <text x="48" y="292" font-family="'Courier New', Courier, monospace" font-size="11" fill="#10b981"> Done. Type /kodelyth-quickstart to begin.</text>
 
   <!-- Footer -->

package/social/card-main.svg

@@ -17,7 +17,7 @@
 
   <!-- Badge -->
   <rect x="28" y="24" width="72" height="20" rx="10" fill="#a78bfa" fill-opacity="0.15" stroke="#a78bfa" stroke-opacity="0.4" stroke-width="1"/>
-  <text x="64" y="38" font-size="9" fill="#a78bfa" text-anchor="middle" font-weight="700" letter-spacing="0.5">v1.5.3</text>
+  <text x="64" y="38" font-size="9" fill="#a78bfa" text-anchor="middle" font-weight="700" letter-spacing="0.5">v1.7.4</text>
 
   <!-- Title -->
   <text x="28" y="88" font-size="38" font-weight="900" letter-spacing="-1.5" fill="#ffffff">Kodelyth</text>
@@ -29,7 +29,7 @@
   <line x1="28" y1="172" x2="572" y2="172" stroke="#21262d" stroke-width="1"/>
 
   <!-- Feature list -->
-  <text x="28" y="196" font-size="12" fill="#e6edf3">→  62 specialist agents, auto-routed by intent</text>
+  <text x="28" y="196" font-size="12" fill="#e6edf3">→  70 specialist agents, auto-routed by intent</text>
   <text x="28" y="216" font-size="12" fill="#e6edf3">→  Compound learning — corrections encoded permanently</text>
   <text x="28" y="236" font-size="12" fill="#e6edf3">→  Parallel commands — 5 agents, 10 min</text>
   <text x="28" y="256" font-size="12" fill="#e6edf3">→  AI image gen — Gemini / DALL-E / SVG fallback</text>

package/social/facebook-v150.svg

@@ -25,7 +25,7 @@
 
   <!-- Version + NEW badges -->
   <rect x="80" y="28" width="76" height="24" rx="12" fill="#a78bfa" fill-opacity="0.15" stroke="#a78bfa" stroke-opacity="0.5" stroke-width="1"/>
-  <text x="118" y="44" font-size="11" fill="#a78bfa" text-anchor="middle" font-weight="700" letter-spacing="0.5">v1.7.1</text>
+  <text x="118" y="44" font-size="11" fill="#a78bfa" text-anchor="middle" font-weight="700" letter-spacing="0.5">v1.7.4</text>
 
   <!-- Title -->
   <text x="80" y="120" font-size="52" font-weight="900" letter-spacing="-2" fill="#ffffff">Kodelyth ECC</text>
@@ -37,7 +37,7 @@
   <!-- Card 1: Compound Learning -->
   <rect x="80" y="250" width="315" height="120" rx="10" fill="url(#card1)" stroke="#059669" stroke-opacity="0.35" stroke-width="1"/>
   <rect x="80" y="250" width="4" height="120" rx="2" fill="#059669"/>
-  <text x="100" y="275" font-size="10" font-weight="700" fill="#10b981" letter-spacing="1">COMPOUND LEARNING  v1.5.1</text>
+  <text x="100" y="275" font-size="10" font-weight="700" fill="#10b981" letter-spacing="1">COMPOUND LEARNING  v1.7.4</text>
   <text x="100" y="296" font-size="13" fill="#e6edf3">Corrections → tasks/lessons.md</text>
   <text x="100" y="313" font-size="13" fill="#e6edf3">Next session: never repeats the mistake</text>
   <text x="100" y="334" font-size="11" fill="#484f58">capture-correction.js · read-lessons.js</text>
@@ -46,7 +46,7 @@
   <!-- Card 2: Parallel Agents -->
   <rect x="410" y="250" width="315" height="120" rx="10" fill="#161b22" stroke="#f59e0b" stroke-opacity="0.35" stroke-width="1"/>
   <rect x="410" y="250" width="4" height="120" rx="2" fill="#f59e0b"/>
-  <text x="430" y="275" font-size="10" font-weight="700" fill="#f59e0b" letter-spacing="1">PARALLEL AGENTS  v1.5.2</text>
+  <text x="430" y="275" font-size="10" font-weight="700" fill="#f59e0b" letter-spacing="1">PARALLEL AGENTS  v1.7.4</text>
   <text x="430" y="296" font-size="13" fill="#e6edf3">/project-launch → 5 agents, 10 min</text>
   <text x="430" y="313" font-size="13" fill="#e6edf3">/team-review → 4 agents, 15 min</text>
   <text x="430" y="334" font-size="11" fill="#484f58">image-architect: Gemini / DALL-E / SVG</text>
@@ -55,7 +55,7 @@
   <!-- Card 3: Semantic Routing -->
   <rect x="740" y="250" width="380" height="120" rx="10" fill="url(#card2)" stroke="#38bdf8" stroke-opacity="0.4" stroke-width="1"/>
   <rect x="740" y="250" width="4" height="120" rx="2" fill="#38bdf8"/>
-  <text x="760" y="275" font-size="10" font-weight="700" fill="#38bdf8" letter-spacing="1">SEMANTIC ROUTING  v1.5.3+</text>
+  <text x="760" y="275" font-size="10" font-weight="700" fill="#38bdf8" letter-spacing="1">SEMANTIC ROUTING  v1.7.4</text>
   <text x="760" y="296" font-size="13" fill="#e6edf3">Paste code → auto-routes to code-reviewer</text>
   <text x="760" y="313" font-size="13" fill="#e6edf3">Paste error → auto-routes to debug-detective</text>
   <text x="760" y="334" font-size="11" fill="#484f58">Emotion as signal · 2–3× more patterns</text>

package/social/github-social-preview.svg

@@ -44,7 +44,7 @@
 
   <!-- Version badge -->
   <rect x="60" y="60" width="88" height="26" rx="13" fill="#a78bfa" fill-opacity="0.15" stroke="#a78bfa" stroke-opacity="0.5" stroke-width="1"/>
-  <text x="104" y="77" font-size="11" fill="#a78bfa" text-anchor="middle" font-weight="700" letter-spacing="0.5">v1.7.1  NEW</text>
+  <text x="104" y="77" font-size="11" fill="#a78bfa" text-anchor="middle" font-weight="700" letter-spacing="0.5">v1.7.4  NEW</text>
 
   <!-- Title -->
   <text x="60" y="160" font-size="72" font-weight="900" letter-spacing="-3" fill="#ffffff">Kodelyth</text>
@@ -112,7 +112,7 @@
   <text x="668" y="118" font-size="12" fill="#484f58" font-family="'Courier New', monospace">$</text>
   <text x="682" y="118" font-size="12" fill="#34d399" font-family="'Courier New', monospace">npx kodelyth-ecc</text>
 
-  <text x="668" y="148" font-size="11" fill="#a78bfa" font-family="'Courier New', monospace">✓ Kodelyth ECC v1.7.1</text>
+  <text x="668" y="148" font-size="11" fill="#a78bfa" font-family="'Courier New', monospace">✓ Kodelyth ECC v1.7.4</text>
   <text x="668" y="166" font-size="11" fill="#6e7681" font-family="'Courier New', monospace">  Installing 70 agents, 194 skills, 97 commands...</text>
   <text x="668" y="184" font-size="11" fill="#6e7681" font-family="'Courier New', monospace">  Wiring 22+ hooks · 14 rules · local memory</text>
   <text x="668" y="202" font-size="11" fill="#34d399" font-family="'Courier New', monospace">  Done in 2.1s</text>
@@ -142,6 +142,6 @@
   <text x="668" y="486" font-size="11" fill="#38bdf8" font-family="'Courier New', monospace">✓ Dashboard → http://127.0.0.1:5747</text>
   <text x="668" y="504" font-size="11" fill="#6e7681" font-family="'Courier New', monospace">  SSE live · zero telemetry · localhost only</text>
 
-  <text x="668" y="540" font-size="10" fill="#484f58" font-family="'Courier New', monospace">336 tests passing · MIT · Node 18+</text>
+  <text x="668" y="540" font-size="10" fill="#484f58" font-family="'Courier New', monospace">348 tests passing · MIT · Node 18+</text>
   <text x="668" y="558" font-size="10" fill="#484f58" font-family="'Courier New', monospace">npm i -g kodelyth-ecc  OR  npx kodelyth-ecc</text>
 </svg>

package/social/hype-compound-learning.svg

@@ -0,0 +1,117 @@
+<svg width="1200" height="675" viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg" font-family="'Segoe UI', system-ui, -apple-system, sans-serif">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#050811"/>
+      <stop offset="100%" style="stop-color:#020d08"/>
+    </linearGradient>
+    <linearGradient id="green" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#10b981"/>
+      <stop offset="100%" style="stop-color:#059669"/>
+    </linearGradient>
+    <linearGradient id="termBg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#060d07"/>
+      <stop offset="100%" style="stop-color:#040808"/>
+    </linearGradient>
+    <linearGradient id="accentFade" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#10b981" stop-opacity="0.8"/>
+      <stop offset="100%" style="stop-color:#10b981" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="layerPurple" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#a78bfa"/>
+      <stop offset="100%" style="stop-color:#7c3aed"/>
+    </linearGradient>
+    <linearGradient id="layerBlue" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#38bdf8"/>
+      <stop offset="100%" style="stop-color:#0284c7"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="1200" height="675" fill="url(#bg)"/>
+  <radialGradient id="glowG" cx="10%" cy="10%" r="50%">
+    <stop offset="0%" style="stop-color:#10b981" stop-opacity="0.06"/>
+    <stop offset="100%" style="stop-color:#10b981" stop-opacity="0"/>
+  </radialGradient>
+  <rect width="1200" height="675" fill="url(#glowG)"/>
+  <rect x="0" y="0" width="3" height="675" fill="url(#green)"/>
+
+  <!-- Badge -->
+  <rect x="56" y="40" width="228" height="28" rx="4" fill="#0a1a0a" stroke="#10b981" stroke-opacity="0.5" stroke-width="1"/>
+  <text x="66" y="59" font-size="11" font-weight="700" fill="#10b981" letter-spacing="1.5">COMPOUND LEARNING</text>
+  <rect x="228" y="47" width="1" height="14" fill="#10b981" opacity="0.4"/>
+  <text x="236" y="59" font-size="11" font-weight="500" fill="#484f58">v1.7.4</text>
+
+  <!-- Headline -->
+  <text x="56" y="126" font-size="52" font-weight="900" letter-spacing="-2" fill="#ffffff">Gets smarter</text>
+  <text x="56" y="184" font-size="52" font-weight="900" letter-spacing="-2" fill="url(#green)">every session.</text>
+  <text x="56" y="222" font-size="16" fill="#8b949e">Three layers that stack. Corrections become rules. Rules become instinct.</text>
+
+  <rect x="56" y="244" width="480" height="1" fill="url(#accentFade)"/>
+
+  <!-- Session flow diagram -->
+  <rect x="56" y="260" width="660" height="340" rx="8" fill="url(#termBg)" stroke="#0d1f0d" stroke-width="1"/>
+  <rect x="56" y="260" width="660" height="32" rx="8" fill="#07100a"/>
+  <rect x="56" y="280" width="660" height="12" fill="#07100a"/>
+  <circle cx="80" cy="276" r="5" fill="#0a180a"/>
+  <circle cx="98" cy="276" r="5" fill="#0a1208"/>
+  <circle cx="116" cy="276" r="5" fill="#0a1a0a"/>
+  <text x="576" y="281" font-size="11" fill="#484f58" text-anchor="middle" font-family="'Consolas', 'SF Mono', monospace">compound learning flow</text>
+
+  <!-- Session 1 -->
+  <text x="80" y="316" font-size="11" fill="#484f58" font-weight="700" letter-spacing="1" font-family="'Consolas', 'SF Mono', monospace">SESSION 1</text>
+  <text x="80" y="338" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#8b949e">User: "use pnpm not npm"</text>
+  <text x="80" y="358" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192; capture-correction.js writes to</text>
+  <text x="80" y="374" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#10b981" font-weight="600">  tasks/lessons.md</text>
+
+  <line x1="80" y1="390" x2="690" y2="390" stroke="#0d2010" stroke-width="1"/>
+
+  <!-- Session 2 -->
+  <text x="80" y="410" font-size="11" fill="#484f58" font-weight="700" letter-spacing="1" font-family="'Consolas', 'SF Mono', monospace">SESSION 2  (next day)</text>
+  <text x="80" y="432" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192; read-lessons.js fires at start</text>
+  <text x="80" y="452" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#10b981" font-weight="600">&#x2192; "PROJECT LESSONS — use pnpm not npm"</text>
+  <text x="80" y="472" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#8b949e">Claude uses pnpm. Always. Without being told.</text>
+
+  <line x1="80" y1="488" x2="690" y2="488" stroke="#0d2010" stroke-width="1"/>
+
+  <!-- Month 3 -->
+  <text x="80" y="508" font-size="11" fill="#10b981" font-weight="700" letter-spacing="1" font-family="'Consolas', 'SF Mono', monospace">MONTH 3  (compounding)</text>
+  <text x="80" y="530" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#8b949e">Lessons stack. Memory recalls cross-project solutions.</text>
+  <text x="80" y="550" font-size="13" font-family="'Consolas', 'SF Mono', monospace" fill="#10b981" font-weight="600">Claude works like a teammate who has been here for years.</text>
+  <text x="80" y="580" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">Zero cloud. Zero telemetry. Everything stays on your machine.</text>
+
+  <!-- Right panel — 3 layers -->
+  <!-- Layer 1 -->
+  <rect x="748" y="260" width="400" height="104" rx="8" fill="#0a1a0a" stroke="#10b981" stroke-opacity="0.3" stroke-width="1"/>
+  <rect x="748" y="260" width="3" height="104" rx="1" fill="url(#green)"/>
+  <text x="770" y="285" font-size="10" font-weight="700" fill="#10b981" letter-spacing="1.5">LAYER 1  —  PROJECT LESSONS</text>
+  <text x="770" y="306" font-size="13" fill="#8b949e">tasks/lessons.md · per-project</text>
+  <text x="770" y="324" font-size="12" fill="#484f58">Corrections encoded as hard rules.</text>
+  <text x="770" y="340" font-size="12" fill="#484f58">Injected at session start. Always.</text>
+  <text x="770" y="356" font-size="11" fill="#2d5a2d">capture-correction.js · read-lessons.js</text>
+
+  <!-- Layer 2 -->
+  <rect x="748" y="378" width="400" height="104" rx="8" fill="#0c0c1a" stroke="#a78bfa" stroke-opacity="0.3" stroke-width="1"/>
+  <rect x="748" y="378" width="3" height="104" rx="1" fill="url(#layerPurple)"/>
+  <text x="770" y="403" font-size="10" font-weight="700" fill="#a78bfa" letter-spacing="1.5">LAYER 2  —  GLOBAL MEMORY</text>
+  <text x="770" y="424" font-size="13" fill="#8b949e">~/.kodelyth/memory/ · cross-project</text>
+  <text x="770" y="442" font-size="12" fill="#484f58">BM25 recall of past solutions.</text>
+  <text x="770" y="460" font-size="12" fill="#484f58">Auto-recalled on every prompt you type.</text>
+  <text x="770" y="474" font-size="11" fill="#2a1e4a">memory-capture.js · auto-recall.js</text>
+
+  <!-- Layer 3 -->
+  <rect x="748" y="496" width="400" height="104" rx="8" fill="#091520" stroke="#38bdf8" stroke-opacity="0.3" stroke-width="1"/>
+  <rect x="748" y="496" width="3" height="104" rx="1" fill="url(#layerBlue)"/>
+  <text x="770" y="521" font-size="10" font-weight="700" fill="#38bdf8" letter-spacing="1.5">LAYER 3  —  SEMANTIC ROUTING</text>
+  <text x="770" y="542" font-size="13" fill="#8b949e">70 specialist agents · always-on</text>
+  <text x="770" y="560" font-size="12" fill="#484f58">Routes every message to the right expert.</text>
+  <text x="770" y="578" font-size="12" fill="#484f58">No agent names needed — just describe it.</text>
+  <text x="770" y="592" font-size="11" fill="#0a2030">agent-intent-routing.md</text>
+
+  <!-- Bottom bar -->
+  <rect x="0" y="637" width="1200" height="38" fill="#07080f"/>
+  <line x1="0" y1="637" x2="1200" y2="637" stroke="#1e1e2e" stroke-width="1"/>
+  <text x="56" y="661" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#10b981" font-weight="600">npx kodelyth-ecc</text>
+  <text x="206" y="661" font-size="12" fill="#2d3340">&#xB7;</text>
+  <text x="222" y="661" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">github.com/sifxprime/kodelyth-ecc</text>
+  <text x="562" y="661" font-size="12" fill="#2d3340">&#xB7;</text>
+  <text x="578" y="661" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">MIT · zero cloud · zero telemetry</text>
+</svg>

package/social/hype-devil-mode.svg

@@ -0,0 +1,228 @@
+<svg width="1200" height="675" viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg" font-family="'Segoe UI', system-ui, -apple-system, sans-serif">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#050811"/>
+      <stop offset="60%" style="stop-color:#0a0508"/>
+      <stop offset="100%" style="stop-color:#060309"/>
+    </linearGradient>
+    <linearGradient id="redGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#ef4444"/>
+      <stop offset="100%" style="stop-color:#dc2626"/>
+    </linearGradient>
+    <linearGradient id="termBg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0c0c14"/>
+      <stop offset="100%" style="stop-color:#080810"/>
+    </linearGradient>
+    <linearGradient id="badgeGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#2d0a0a"/>
+      <stop offset="100%" style="stop-color:#1a0505"/>
+    </linearGradient>
+    <linearGradient id="barCrit" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#ef4444"/>
+      <stop offset="100%" style="stop-color:#b91c1c"/>
+    </linearGradient>
+    <linearGradient id="barHigh" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#f97316"/>
+      <stop offset="100%" style="stop-color:#ea580c"/>
+    </linearGradient>
+    <linearGradient id="barClear" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#22c55e"/>
+      <stop offset="100%" style="stop-color:#16a34a"/>
+    </linearGradient>
+    <linearGradient id="accentLine" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#ef4444" stop-opacity="0.8"/>
+      <stop offset="50%" style="stop-color:#dc2626" stop-opacity="0.4"/>
+      <stop offset="100%" style="stop-color:#ef4444" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="675" fill="url(#bgGrad)"/>
+
+  <!-- Subtle background texture — faint grid lines -->
+  <line x1="0" y1="225" x2="1200" y2="225" stroke="#ef4444" stroke-opacity="0.025" stroke-width="1"/>
+  <line x1="0" y1="450" x2="1200" y2="450" stroke="#ef4444" stroke-opacity="0.025" stroke-width="1"/>
+  <line x1="400" y1="0" x2="400" y2="675" stroke="#ef4444" stroke-opacity="0.02" stroke-width="1"/>
+  <line x1="800" y1="0" x2="800" y2="675" stroke="#ef4444" stroke-opacity="0.02" stroke-width="1"/>
+
+  <!-- Ambient red glow — top-left corner, very subtle -->
+  <radialGradient id="glowTL" cx="0%" cy="0%" r="60%">
+    <stop offset="0%" style="stop-color:#ef4444" stop-opacity="0.07"/>
+    <stop offset="100%" style="stop-color:#ef4444" stop-opacity="0"/>
+  </radialGradient>
+  <rect width="1200" height="675" fill="url(#glowTL)"/>
+
+  <!-- Left border accent line -->
+  <rect x="0" y="0" width="3" height="675" fill="url(#redGrad)"/>
+
+  <!-- ============================================================ -->
+  <!-- TOP BADGE -->
+  <!-- ============================================================ -->
+  <rect x="56" y="40" width="198" height="28" rx="4" fill="url(#badgeGrad)" stroke="#ef4444" stroke-opacity="0.5" stroke-width="1"/>
+  <text x="66" y="59" font-size="11" font-weight="700" fill="#ef4444" letter-spacing="1.5">DEVIL MODE</text>
+  <rect x="164" y="47" width="1" height="14" fill="#ef4444" opacity="0.4"/>
+  <text x="172" y="59" font-size="11" font-weight="500" fill="#484f58" letter-spacing="0.5">v1.7.4</text>
+
+  <!-- ============================================================ -->
+  <!-- MAIN HEADLINE -->
+  <!-- ============================================================ -->
+  <text x="56" y="126" font-size="52" font-weight="900" letter-spacing="-2" fill="#ffffff">8 agents read your code</text>
+  <text x="56" y="184" font-size="52" font-weight="900" letter-spacing="-2" fill="url(#redGrad)">like an attacker.</text>
+
+  <!-- Subline -->
+  <text x="56" y="220" font-size="16" font-weight="400" fill="#8b949e" letter-spacing="0.2">Prompt injection. Supply chain. Secrets. Backdoors. Jailbreaks. All parallel.</text>
+
+  <!-- Separator line -->
+  <rect x="56" y="242" width="500" height="1" fill="url(#accentLine)"/>
+
+  <!-- ============================================================ -->
+  <!-- TERMINAL BLOCK — left panel -->
+  <!-- ============================================================ -->
+  <rect x="56" y="258" width="680" height="348" rx="8" fill="url(#termBg)" stroke="#1e1e2e" stroke-width="1"/>
+  <!-- Terminal top bar -->
+  <rect x="56" y="258" width="680" height="32" rx="8" fill="#0f0f1a"/>
+  <rect x="56" y="278" width="680" height="12" fill="#0f0f1a"/>
+  <!-- Traffic lights -->
+  <circle cx="80" cy="274" r="5" fill="#2d1b1b"/>
+  <circle cx="98" cy="274" r="5" fill="#2a1a10"/>
+  <circle cx="116" cy="274" r="5" fill="#0f1a10"/>
+  <!-- Terminal title -->
+  <text x="600" y="279" font-size="11" fill="#484f58" text-anchor="middle" font-family="'Consolas', 'SF Mono', monospace">bash — devil-mode</text>
+
+  <!-- Command line -->
+  <text x="80" y="314" font-size="13" font-family="'Consolas', 'SF Mono', 'Courier New', monospace" fill="#ef4444" font-weight="700">/devil-mode --all</text>
+
+  <!-- Agent rows — each row: arrow + name + progress bar + status label -->
+  <!-- Row 1: prompt-injection-hunter  CRITICAL: 2 -->
+  <text x="80" y="343" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="343" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">prompt-injection-hunter</text>
+  <rect x="330" y="331" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="331" width="186" height="9" rx="2" fill="url(#barCrit)"/>
+  <text x="526" y="342" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#ef4444" font-weight="700">  CRITICAL: 2</text>
+
+  <!-- Row 2: supply-chain-auditor  HIGH: 1 -->
+  <text x="80" y="368" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="368" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">supply-chain-auditor</text>
+  <rect x="330" y="356" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="356" width="186" height="9" rx="2" fill="url(#barHigh)"/>
+  <text x="526" y="367" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#f97316" font-weight="700">  HIGH: 1</text>
+
+  <!-- Row 3: secret-hunter  CLEAR -->
+  <text x="80" y="393" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="393" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">secret-hunter</text>
+  <rect x="330" y="381" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="381" width="186" height="9" rx="2" fill="url(#barClear)"/>
+  <text x="526" y="392" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#22c55e" font-weight="700">  CLEAR</text>
+
+  <!-- Row 4: backdoor-hunter  CLEAR -->
+  <text x="80" y="418" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="418" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">backdoor-hunter</text>
+  <rect x="330" y="406" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="406" width="186" height="9" rx="2" fill="url(#barClear)"/>
+  <text x="526" y="417" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#22c55e" font-weight="700">  CLEAR</text>
+
+  <!-- Row 5: jailbreak-tester  HIGH: 1 -->
+  <text x="80" y="443" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="443" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">jailbreak-tester</text>
+  <rect x="330" y="431" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="431" width="186" height="9" rx="2" fill="url(#barHigh)"/>
+  <text x="526" y="442" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#f97316" font-weight="700">  HIGH: 1</text>
+
+  <!-- Row 6: license-violation-finder  CLEAR -->
+  <text x="80" y="468" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="468" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">license-violation-finder</text>
+  <rect x="330" y="456" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="456" width="186" height="9" rx="2" fill="url(#barClear)"/>
+  <text x="526" y="467" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#22c55e" font-weight="700">  CLEAR</text>
+
+  <!-- Row 7: code-stealer-detector  CLEAR -->
+  <text x="80" y="493" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="493" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">code-stealer-detector</text>
+  <rect x="330" y="481" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="481" width="186" height="9" rx="2" fill="url(#barClear)"/>
+  <text x="526" y="492" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#22c55e" font-weight="700">  CLEAR</text>
+
+  <!-- Row 8: chaos-engineer  HIGH: 3 -->
+  <text x="80" y="518" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">&#x2192;</text>
+  <text x="100" y="518" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#e6edf3">chaos-engineer</text>
+  <rect x="330" y="506" width="186" height="9" rx="2" fill="#1a1a2a"/>
+  <rect x="330" y="506" width="186" height="9" rx="2" fill="url(#barHigh)"/>
+  <text x="526" y="517" font-size="11" font-family="'Consolas', 'SF Mono', monospace" fill="#f97316" font-weight="700">  HIGH: 3</text>
+
+  <!-- Summary line -->
+  <line x1="80" y1="536" x2="710" y2="536" stroke="#1e1e2e" stroke-width="1"/>
+  <text x="80" y="556" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">60 min</text>
+  <text x="138" y="556" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#ef4444" font-weight="700">&#x2192;</text>
+  <text x="158" y="556" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#22c55e" font-weight="700">8 min</text>
+  <text x="214" y="556" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">  &#xB7;  3 issues need your attention</text>
+
+  <!-- ============================================================ -->
+  <!-- RIGHT PANEL — stats / context -->
+  <!-- ============================================================ -->
+
+  <!-- Stat box 1: Agents -->
+  <rect x="768" y="258" width="392" height="100" rx="8" fill="#0c0c16" stroke="#1e1a28" stroke-width="1"/>
+  <rect x="768" y="258" width="3" height="100" rx="1" fill="url(#redGrad)"/>
+  <text x="788" y="292" font-size="40" font-weight="900" fill="#ef4444" letter-spacing="-1">8</text>
+  <text x="836" y="292" font-size="15" font-weight="700" fill="#e6edf3">adversarial agents</text>
+  <text x="836" y="314" font-size="12" fill="#484f58">firing simultaneously in parallel</text>
+  <text x="836" y="332" font-size="12" fill="#484f58">— no sequential bottleneck</text>
+
+  <!-- Stat box 2: Time -->
+  <rect x="768" y="374" width="392" height="100" rx="8" fill="#0c0c16" stroke="#1e1a28" stroke-width="1"/>
+  <rect x="768" y="374" width="3" height="100" rx="1" fill="url(#redGrad)"/>
+  <text x="788" y="408" font-size="40" font-weight="900" fill="#ef4444" letter-spacing="-1">7x</text>
+  <text x="850" y="408" font-size="15" font-weight="700" fill="#e6edf3">faster than sequential</text>
+  <text x="788" y="430" font-size="12" fill="#484f58">8 min full adversarial sweep</text>
+  <text x="788" y="448" font-size="12" fill="#484f58">vs. 60 min doing each by hand</text>
+
+  <!-- Stat box 3: Coverage -->
+  <rect x="768" y="490" width="392" height="116" rx="8" fill="#0c0c16" stroke="#1e1a28" stroke-width="1"/>
+  <rect x="768" y="490" width="3" height="116" rx="1" fill="url(#redGrad)"/>
+  <text x="788" y="520" font-size="13" font-weight="700" fill="#e6edf3">Attack surface covered</text>
+  <!-- Tag pills -->
+  <rect x="788" y="530" width="78" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="796" y="544" font-size="10" fill="#ef4444">AI injection</text>
+
+  <rect x="874" y="530" width="92" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="882" y="544" font-size="10" fill="#ef4444">supply chain</text>
+
+  <rect x="974" y="530" width="62" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="982" y="544" font-size="10" fill="#ef4444">secrets</text>
+
+  <rect x="788" y="558" width="72" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="796" y="572" font-size="10" fill="#ef4444">backdoors</text>
+
+  <rect x="868" y="558" width="80" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="876" y="572" font-size="10" fill="#ef4444">jailbreaks</text>
+
+  <rect x="956" y="558" width="60" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="964" y="572" font-size="10" fill="#ef4444">licenses</text>
+
+  <rect x="788" y="586" width="94" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="796" y="600" font-size="10" fill="#ef4444">code provenance</text>
+
+  <rect x="890" y="586" width="56" height="20" rx="3" fill="#2d0a0a" stroke="#ef4444" stroke-opacity="0.35" stroke-width="1"/>
+  <text x="898" y="600" font-size="10" fill="#ef4444">chaos</text>
+
+  <!-- ============================================================ -->
+  <!-- BOTTOM BAR -->
+  <!-- ============================================================ -->
+  <rect x="0" y="637" width="1200" height="38" fill="#07080f"/>
+  <line x1="0" y1="637" x2="1200" y2="637" stroke="#1e1e2e" stroke-width="1"/>
+
+  <!-- Left: npx install command -->
+  <text x="56" y="661" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#ef4444" font-weight="600">npx kodelyth-ecc</text>
+
+  <!-- Dot separator -->
+  <text x="206" y="661" font-size="12" fill="#2d3340">&#xB7;</text>
+
+  <!-- GitHub URL -->
+  <text x="222" y="661" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">github.com/sifxprime/kodelyth-ecc</text>
+
+  <!-- Dot separator -->
+  <text x="562" y="661" font-size="12" fill="#2d3340">&#xB7;</text>
+
+  <!-- MIT license -->
+  <text x="578" y="661" font-size="12" font-family="'Consolas', 'SF Mono', monospace" fill="#484f58">MIT</text>
+</svg>