infernoflow 0.37.0 → 0.37.3

package/dist/lib/commands/dashboard.mjs

@@ -1,342 +1,37 @@
-/**
- * infernoflow dashboard
- *
- * Launches a local web server on http://localhost:7337 showing:
- *   - Contract health status
- *   - Capability list with add/remove/change history
- *   - Drift timeline (last N sessions)
- *   - Agent activity log
- *   - Auto-refresh via SSE (server-sent events)
- *
- * Usage:
- *   infernoflow dashboard              # open on port 7337
- *   infernoflow dashboard --port 8080  # custom port
- *   infernoflow dashboard --no-open    # don't auto-open browser
- */
-
-import * as fs      from "node:fs";
-import * as path    from "node:path";
-import * as http    from "node:http";
-import * as os      from "node:os";
-import { execSync, spawn } from "node:child_process";
-import { fileURLToPath } from "node:url";
-import { header, ok, info, warn, bold, cyan, gray } from "../ui/output.mjs";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
-// ── data loaders ──────────────────────────────────────────────────────────────
-
-function loadContract(infernoDir) {
-  const contractPath = path.join(infernoDir, "contract.json");
-  if (!fs.existsSync(contractPath)) return null;
-  try { return JSON.parse(fs.readFileSync(contractPath, "utf8")); } catch { return null; }
-}
-
-function loadCapabilities(infernoDir) {
-  for (const name of ["capabilities.json", "contract.json"]) {
-    const p = path.join(infernoDir, name);
-    if (!fs.existsSync(p)) continue;
-    try {
-      const obj = JSON.parse(fs.readFileSync(p, "utf8"));
-      const raw = obj.capabilities || [];
-      return raw.map(c => typeof c === "string" ? { id: c, title: c } : c);
-    } catch {}
-  }
-  return [];
-}
-
-function loadProfile(infernoDir) {
-  const p = path.join(infernoDir, "developer-profile.json");
-  if (!fs.existsSync(p)) return null;
-  try { return JSON.parse(fs.readFileSync(p, "utf8")); } catch { return null; }
-}
-
-function loadAgents(infernoDir) {
-  const agentsDir = path.join(infernoDir, "agents");
-  if (!fs.existsSync(agentsDir)) return [];
-  return fs.readdirSync(agentsDir)
-    .filter(f => f.endsWith(".json"))
-    .map(f => { try { return JSON.parse(fs.readFileSync(path.join(agentsDir, f), "utf8")); } catch { return null; } })
-    .filter(Boolean);
-}
-
-function loadHookLog(infernoDir) {
-  const logPath = path.join(infernoDir, "HOOK.log");
-  if (!fs.existsSync(logPath)) return null;
-  try { return JSON.parse(fs.readFileSync(logPath, "utf8")); } catch { return null; }
-}
-
-function runCheck(infernoDir) {
-  try {
-    const out = execSync("npx infernoflow check --json", {
-      cwd: path.dirname(infernoDir),
-      encoding: "utf8",
-      timeout: 15_000,
-      stdio: ["ignore", "pipe", "pipe"],
-    });
-    return JSON.parse(out);
-  } catch (err) {
-    try { return JSON.parse(err.stdout || "{}"); } catch { return { status: "error", error: "check failed" }; }
-  }
-}
-
-// ── Analytics data loaders ────────────────────────────────────────────────────
-
-function loadAudit(infernoDir) {
-  const p = path.join(infernoDir, "audit.json");
-  if (!fs.existsSync(p)) return null;
-  try { return JSON.parse(fs.readFileSync(p, "utf8")); } catch { return null; }
-}
-
-function loadLinks(infernoDir) {
-  const p = path.join(infernoDir, "links.json");
-  if (!fs.existsSync(p)) return [];
-  try { return JSON.parse(fs.readFileSync(p, "utf8")); } catch { return []; }
-}
-
-/**
- * Parse git log for inferno/ directory to build analytics:
- *   - capability velocity (caps added/removed per week)
- *   - contributor activity (commits per author)
- *   - health score trend (from check logs or heuristic via commit frequency)
- */
-function loadGitAnalytics(cwd, infernoDir) {
-  try {
-    // Commits touching inferno/ in past 90 days (iso date, author email, subject)
-    const raw = execSync(
-      `git log --since="90 days ago" --format="%aI|%ae|%s" -- inferno/`,
-      { cwd, encoding: "utf8", stdio: ["ignore", "pipe", "pipe"], timeout: 8000 }
-    ).trim();
-
-    if (!raw) return { velocity: [], contributors: [], healthTrend: [] };
-
-    const commits = raw.split("\n").filter(Boolean).map(line => {
-      const [date, email, ...subjectParts] = line.split("|");
-      return { date: new Date(date), email: email || "unknown", subject: subjectParts.join("|") };
-    });
-
-    // Bucket by ISO week (YYYY-Www)
-    function isoWeek(d) {
-      const dt  = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
-      const day = dt.getUTCDay() || 7;
-      dt.setUTCDate(dt.getUTCDate() + 4 - day);
-      const yearStart = new Date(Date.UTC(dt.getUTCFullYear(), 0, 1));
-      const week = Math.ceil((((dt - yearStart) / 86400000) + 1) / 7);
-      return `${dt.getUTCFullYear()}-W${String(week).padStart(2, "0")}`;
-    }
-
-    // Velocity: commits per week
-    const weekMap = new Map();
-    for (const c of commits) {
-      const w = isoWeek(c.date);
-      weekMap.set(w, (weekMap.get(w) || 0) + 1);
-    }
-    // Fill in the last 13 weeks
-    const velocity = [];
-    const now = new Date();
-    for (let i = 12; i >= 0; i--) {
-      const d = new Date(now);
-      d.setDate(d.getDate() - i * 7);
-      const w = isoWeek(d);
-      velocity.push({ week: w, commits: weekMap.get(w) || 0 });
-    }
-
-    // Contributors: unique authors, sorted by commit count
-    const authorMap = new Map();
-    for (const c of commits) {
-      const name = c.email.split("@")[0];
-      authorMap.set(name, (authorMap.get(name) || 0) + 1);
-    }
-    const contributors = [...authorMap.entries()]
-      .map(([name, count]) => ({ name, count }))
-      .sort((a, b) => b.count - a.count)
-      .slice(0, 8);
-
-    // Health trend: simple heuristic from commit density per week
-    // More commits → more drift activity. We mark weeks with >3 commits as "busy" (amber), 0 = stale, else ok
-    const healthTrend = velocity.map(v => ({
-      week:  v.week,
-      score: v.commits === 0 ? 40 : v.commits <= 2 ? 75 : v.commits <= 5 ? 90 : 85,
-      label: v.commits === 0 ? "stale" : v.commits <= 2 ? "ok" : v.commits <= 5 ? "healthy" : "busy",
-    }));
-
-    return { velocity, contributors, healthTrend };
-  } catch {
-    return { velocity: [], contributors: [], healthTrend: [] };
-  }
-}
-
-function loadScan(infernoDir) {
-  const p = path.join(infernoDir, "scan.json");
-  if (!fs.existsSync(p)) return null;
-  try { return JSON.parse(fs.readFileSync(p, "utf8")); } catch { return null; }
-}
-
-function loadGraph(infernoDir) {
-  const p = path.join(infernoDir, "graph.json");
-  if (!fs.existsSync(p)) return null;
-  try { return JSON.parse(fs.readFileSync(p, "utf8")); } catch { return null; }
-}
-
-function gatherData(infernoDir) {
-  const caps     = loadCapabilities(infernoDir);
-  const contract = loadContract(infernoDir);
-  const profile  = loadProfile(infernoDir);
-  const agents   = loadAgents(infernoDir);
-  const hookLog  = loadHookLog(infernoDir);
-  const check    = runCheck(infernoDir);
-  const audit    = loadAudit(infernoDir);
-  const links    = loadLinks(infernoDir);
-  const sessions = profile?.recentSessions?.slice(-10) || [];
-  const candidates = [
-    ...(profile?.agentCandidates || []),
-    ...(profile?.skillCandidates || []),
-  ];
-  const cwd       = path.dirname(infernoDir);
-  const analytics = loadGitAnalytics(cwd, infernoDir);
-  const scan      = loadScan(infernoDir);
-  const graph     = loadGraph(infernoDir);
-
-  return { caps, contract, agents, hookLog, check, sessions, candidates, audit, links, analytics, scan, graph, infernoDir };
-}
-
-// ── HTML builder ──────────────────────────────────────────────────────────────
-
-// ── SVG chart builders ────────────────────────────────────────────────────────
-
-function barChart(values, labels, color = "#f97316", height = 80) {
-  const W = 600, H = height;
-  const n = values.length;
-  if (!n) return `<svg width="${W}" height="${H}"></svg>`;
-  const max   = Math.max(...values, 1);
-  const bw    = Math.floor(W / n) - 4;
-  const bars  = values.map((v, i) => {
-    const bh = Math.max(2, Math.round((v / max) * (H - 20)));
-    const x  = i * (W / n) + 2;
-    const y  = H - bh - 10;
-    return `<rect x="${x}" y="${y}" width="${bw}" height="${bh}" fill="${color}" rx="2" opacity="0.85"/>
-            <title>${labels[i]}: ${v}</title>`;
-  }).join("\n");
-  return `<svg viewBox="0 0 ${W} ${H}" width="100%" height="${H}" xmlns="http://www.w3.org/2000/svg">${bars}</svg>`;
-}
-
-function lineChart(values, color = "#3b82f6", height = 80) {
-  const W = 600, H = height;
-  const n = values.length;
-  if (n < 2) return `<svg width="${W}" height="${H}"></svg>`;
-  const max  = Math.max(...values, 1);
-  const min  = Math.min(...values, 0);
-  const range = max - min || 1;
-  const pts  = values.map((v, i) => {
-    const x = Math.round((i / (n - 1)) * (W - 20)) + 10;
-    const y = Math.round(H - 10 - ((v - min) / range) * (H - 20));
-    return `${x},${y}`;
-  }).join(" ");
-  return `<svg viewBox="0 0 ${W} ${H}" width="100%" height="${H}" xmlns="http://www.w3.org/2000/svg">
-    <polyline points="${pts}" fill="none" stroke="${color}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-    ${values.map((v, i) => {
-      const [px, py] = pts.split(" ")[i].split(",");
-      return `<circle cx="${px}" cy="${py}" r="4" fill="${color}"><title>${v}</title></circle>`;
-    }).join("")}
-  </svg>`;
-}
-
-function heatRow(name, count, maxCount) {
-  const pct  = maxCount > 0 ? Math.round((count / maxCount) * 100) : 0;
-  const fill = pct > 70 ? "#f97316" : pct > 40 ? "#f59e0b" : pct > 10 ? "#3b82f6" : "#2d3148";
-  return `<div class="heat-row">
-    <span class="heat-name">${esc(name)}</span>
-    <div class="heat-bar-wrap"><div class="heat-bar" style="width:${pct}%;background:${fill}"></div></div>
-    <span class="heat-count">${count}</span>
-  </div>`;
-}
-
-// ── HTML builder ──────────────────────────────────────────────────────────────
-
-function buildHtml(data, projectName) {
-  const { caps, agents, check, sessions, candidates, audit, links, analytics } = data;
-
-  const statusColor = check?.status === "ok"      ? "#22c55e"
-                    : check?.status === "warning"  ? "#f59e0b"
-                    : check?.status === "error"    ? "#ef4444"
-                    : "#6b7280";
-
-  const statusLabel = check?.status || "unknown";
-  const capCount    = caps.length;
-  const agentCount  = agents.length;
-  const issueCount  = (check?.issues || []).length;
-
-  // Capability rows
-  const capRows = caps.map(c => {
-    const statusBadge = c.status ? `<span class="badge">${c.status}</span>` : "";
-    return `<tr>
-      <td><code>${esc(c.id)}</code></td>
-      <td>${esc(c.title || "")}${statusBadge}</td>
-      <td>${esc(c.since || "")}</td>
-    </tr>`;
-  }).join("\n");
-
-  // Agent rows
-  const agentRows = agents.map(a => {
-    const steps = (a.steps || []).map(s => typeof s === "string" ? s : s.command).join(" → ");
-    const conf  = a.confidence ? `${Math.round(a.confidence * 100)}%` : "—";
-    return `<tr>
-      <td><strong>${esc(a.name)}</strong></td>
-      <td>${esc(a.description || steps)}</td>
-      <td><code>${esc(steps)}</code></td>
-      <td>${conf}</td>
-    </tr>`;
-  }).join("\n");
-
-  // Issues
-  const issueItems = (check?.issues || []).map(i =>
-    `<li class="issue">${esc(typeof i === "string" ? i : i.message || JSON.stringify(i))}</li>`
-  ).join("\n");
-
-  // Session timeline
-  const sessionItems = sessions.slice().reverse().map(s => {
-    const cmds = (s.commands || []).join(", ");
-    const date = s.startedAt ? new Date(s.startedAt).toLocaleString() : "unknown";
-    return `<div class="session-item">
-      <span class="session-date">${esc(date)}</span>
-      <span class="session-cmds">${esc(cmds || "no commands recorded")}</span>
-    </div>`;
-  }).join("\n");
-
-  // Candidate suggestions
-  const candidateItems = candidates.map(c =>
-    `<li class="candidate">${esc(c.name || c.id || "unnamed")}: ${esc(c.description || "")}</li>`
-  ).join("\n");
-
-  // ── Analytics ─────────────────────────────────────────────────────────────
-  const vel    = analytics?.velocity    || [];
-  const contribs = analytics?.contributors || [];
-  const trend  = analytics?.healthTrend || [];
-
-  const velValues  = vel.map(v => v.commits);
-  const velLabels  = vel.map(v => v.week);
-  const velChart   = barChart(velValues, velLabels, "#f97316", 90);
-
-  const trendValues = trend.map(t => t.score);
-  const trendChart  = lineChart(trendValues, "#3b82f6", 80);
-
-  const maxContrib = contribs.length ? Math.max(...contribs.map(c => c.count)) : 1;
-  const heatRows   = contribs.length
-    ? contribs.map(c => heatRow(c.name, c.count, maxContrib)).join("\n")
-    : `<div class="empty">No git history in inferno/ yet</div>`;
-
-  // Audit summary card
-  const auditStats   = audit?.stats || null;
-  const auditHigh    = auditStats?.high ?? "—";
-  const auditMedium  = auditStats?.medium ?? "—";
-  const linkedCount  = links.length;
-
-  return `<!DOCTYPE html>
+import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http";import*as K from"node:os";import{execSync as S,spawn as z}from"node:child_process";import{fileURLToPath as Q}from"node:url";import{header as X,ok as Z,info as P,warn as q,cyan as tt}from"../ui/output.mjs";const T=g.dirname(Q(import.meta.url));function et(t){const n=g.join(t,"contract.json");if(!m.existsSync(n))return null;try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return null}}function nt(t){for(const n of["capabilities.json","contract.json"]){const l=g.join(t,n);if(m.existsSync(l))try{return(JSON.parse(m.readFileSync(l,"utf8")).capabilities||[]).map(d=>typeof d=="string"?{id:d,title:d}:d)}catch{}}return[]}function at(t){const n=g.join(t,"developer-profile.json");if(!m.existsSync(n))return null;try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return null}}function it(t){const n=g.join(t,"agents");return m.existsSync(n)?m.readdirSync(n).filter(l=>l.endsWith(".json")).map(l=>{try{return JSON.parse(m.readFileSync(g.join(n,l),"utf8"))}catch{return null}}).filter(Boolean):[]}function ot(t){const n=g.join(t,"HOOK.log");if(!m.existsSync(n))return null;try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return null}}function st(t){try{const n=S("npx infernoflow check --json",{cwd:g.dirname(t),encoding:"utf8",timeout:15e3,stdio:["ignore","pipe","pipe"]});return JSON.parse(n)}catch(n){try{return JSON.parse(n.stdout||"{}")}catch{return{status:"error",error:"check failed"}}}}function ct(t){const n=g.join(t,"audit.json");if(!m.existsSync(n))return null;try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return null}}function rt(t){const n=g.join(t,"links.json");if(!m.existsSync(n))return[];try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return[]}}function dt(t,n){try{let d=function(e){const i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())),p=i.getUTCDay()||7;i.setUTCDate(i.getUTCDate()+4-p);const v=new Date(Date.UTC(i.getUTCFullYear(),0,1)),x=Math.ceil(((i-v)/864e5+1)/7);return`${i.getUTCFullYear()}-W${String(x).padStart(2,"0")}`};var l=d;const u=S('git log --since="90 days ago" --format="%aI|%ae|%s" -- inferno/',{cwd:t,encoding:"utf8",stdio:["ignore","pipe","pipe"],timeout:8e3}).trim();if(!u)return{velocity:[],contributors:[],healthTrend:[]};const r=u.split(`
+`).filter(Boolean).map(e=>{const[i,p,...v]=e.split("|");return{date:new Date(i),email:p||"unknown",subject:v.join("|")}}),h=new Map;for(const e of r){const i=d(e.date);h.set(i,(h.get(i)||0)+1)}const s=[],o=new Date;for(let e=12;e>=0;e--){const i=new Date(o);i.setDate(i.getDate()-e*7);const p=d(i);s.push({week:p,commits:h.get(p)||0})}const b=new Map;for(const e of r){const i=e.email.split("@")[0];b.set(i,(b.get(i)||0)+1)}const y=[...b.entries()].map(([e,i])=>({name:e,count:i})).sort((e,i)=>i.count-e.count).slice(0,8),c=s.map(e=>({week:e.week,score:e.commits===0?40:e.commits<=2?75:e.commits<=5?90:85,label:e.commits===0?"stale":e.commits<=2?"ok":e.commits<=5?"healthy":"busy"}));return{velocity:s,contributors:y,healthTrend:c}}catch{return{velocity:[],contributors:[],healthTrend:[]}}}function lt(t){const n=g.join(t,"scan.json");if(!m.existsSync(n))return null;try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return null}}function pt(t){const n=g.join(t,"graph.json");if(!m.existsSync(n))return null;try{return JSON.parse(m.readFileSync(n,"utf8"))}catch{return null}}function E(t){const n=nt(t),l=et(t),u=at(t),r=it(t),d=ot(t),h=st(t),s=ct(t),o=rt(t),b=u?.recentSessions?.slice(-10)||[],y=[...u?.agentCandidates||[],...u?.skillCandidates||[]],c=g.dirname(t),e=dt(c,t),i=lt(t),p=pt(t);return{caps:n,contract:l,agents:r,hookLog:d,check:h,sessions:b,candidates:y,audit:s,links:o,analytics:e,scan:i,graph:p,infernoDir:t}}function ut(t,n,l="#f97316",u=80){const d=u,h=t.length;if(!h)return`<svg width="600" height="${d}"></svg>`;const s=Math.max(...t,1),o=Math.floor(600/h)-4,b=t.map((y,c)=>{const e=Math.max(2,Math.round(y/s*(d-20))),i=c*(600/h)+2,p=d-e-10;return`<rect x="${i}" y="${p}" width="${o}" height="${e}" fill="${l}" rx="2" opacity="0.85"/>
+            <title>${n[c]}: ${y}</title>`}).join(`
+`);return`<svg viewBox="0 0 600 ${d}" width="100%" height="${d}" xmlns="http://www.w3.org/2000/svg">${b}</svg>`}function ht(t,n="#3b82f6",l=80){const r=l,d=t.length;if(d<2)return`<svg width="600" height="${r}"></svg>`;const h=Math.max(...t,1),s=Math.min(...t,0),o=h-s||1,b=t.map((y,c)=>{const e=Math.round(c/(d-1)*580)+10,i=Math.round(r-10-(y-s)/o*(r-20));return`${e},${i}`}).join(" ");return`<svg viewBox="0 0 600 ${r}" width="100%" height="${r}" xmlns="http://www.w3.org/2000/svg">
+    <polyline points="${b}" fill="none" stroke="${n}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+    ${t.map((y,c)=>{const[e,i]=b.split(" ")[c].split(",");return`<circle cx="${e}" cy="${i}" r="4" fill="${n}"><title>${y}</title></circle>`}).join("")}
+  </svg>`}function mt(t,n,l){const u=l>0?Math.round(n/l*100):0,r=u>70?"#f97316":u>40?"#f59e0b":u>10?"#3b82f6":"#2d3148";return`<div class="heat-row">
+    <span class="heat-name">${f(t)}</span>
+    <div class="heat-bar-wrap"><div class="heat-bar" style="width:${u}%;background:${r}"></div></div>
+    <span class="heat-count">${n}</span>
+  </div>`}function ft(t,n){const{caps:l,agents:u,check:r,sessions:d,candidates:h,audit:s,links:o,analytics:b}=t,y=r?.status==="ok"?"#22c55e":r?.status==="warning"?"#f59e0b":r?.status==="error"?"#ef4444":"#6b7280",c=r?.status||"unknown",e=l.length,i=u.length,p=(r?.issues||[]).length,v=l.map(a=>{const w=a.status?`<span class="badge">${a.status}</span>`:"";return`<tr>
+      <td><code>${f(a.id)}</code></td>
+      <td>${f(a.title||"")}${w}</td>
+      <td>${f(a.since||"")}</td>
+    </tr>`}).join(`
+`),x=u.map(a=>{const w=(a.steps||[]).map(j=>typeof j=="string"?j:j.command).join(" \u2192 "),C=a.confidence?`${Math.round(a.confidence*100)}%`:"\u2014";return`<tr>
+      <td><strong>${f(a.name)}</strong></td>
+      <td>${f(a.description||w)}</td>
+      <td><code>${f(w)}</code></td>
+      <td>${C}</td>
+    </tr>`}).join(`
+`),H=(r?.issues||[]).map(a=>`<li class="issue">${f(typeof a=="string"?a:a.message||JSON.stringify(a))}</li>`).join(`
+`),L=d.slice().reverse().map(a=>{const w=(a.commands||[]).join(", "),C=a.startedAt?new Date(a.startedAt).toLocaleString():"unknown";return`<div class="session-item">
+      <span class="session-date">${f(C)}</span>
+      <span class="session-cmds">${f(w||"no commands recorded")}</span>
+    </div>`}).join(`
+`),R=h.map(a=>`<li class="candidate">${f(a.name||a.id||"unnamed")}: ${f(a.description||"")}</li>`).join(`
+`),O=b?.velocity||[],$=b?.contributors||[],F=b?.healthTrend||[],J=O.map(a=>a.commits),A=O.map(a=>a.week),U=ut(J,A,"#f97316",90),D=F.map(a=>a.score),W=ht(D,"#3b82f6",80),B=$.length?Math.max(...$.map(a=>a.count)):1,_=$.length?$.map(a=>mt(a.name,a.count,B)).join(`
+`):'<div class="empty">No git history in inferno/ yet</div>',k=s?.stats||null,I=k?.high??"\u2014",G=k?.medium??"\u2014",N=o.length;return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>infernoflow — ${esc(projectName)}</title>
+<title>infernoflow \u2014 ${f(n)}</title>
 <style>
   *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
   :root {
@@ -399,10 +94,10 @@ function buildHtml(data, projectName) {
 </head>
 <body>
 <header>
-  <span class="flame">🔥</span>
+  <span class="flame">\u{1F525}</span>
   <div>
     <h1>infernoflow</h1>
-    <div class="project">${esc(projectName)}</div>
+    <div class="project">${f(n)}</div>
   </div>
   <div class="live">Live</div>
 </header>
@@ -412,157 +107,150 @@ function buildHtml(data, projectName) {
   <div class="cards">
     <div class="card">
       <div class="label">Contract status</div>
-      <div class="value status-${statusLabel}" style="color:${statusColor}">${statusLabel.toUpperCase()}</div>
-      <div class="sub">${issueCount > 0 ? issueCount + " issue" + (issueCount !== 1 ? "s" : "") : "All checks passed"}</div>
+      <div class="value status-${c}" style="color:${y}">${c.toUpperCase()}</div>
+      <div class="sub">${p>0?p+" issue"+(p!==1?"s":""):"All checks passed"}</div>
     </div>
     <div class="card">
       <div class="label">Capabilities</div>
-      <div class="value">${capCount}</div>
+      <div class="value">${e}</div>
       <div class="sub">tracked in contract</div>
     </div>
     <div class="card">
       <div class="label">Agents</div>
-      <div class="value">${agentCount}</div>
+      <div class="value">${i}</div>
       <div class="sub">synthesized workflows</div>
     </div>
     <div class="card">
       <div class="label">Sessions</div>
-      <div class="value">${sessions.length}</div>
+      <div class="value">${d.length}</div>
       <div class="sub">recent sessions logged</div>
     </div>
-    ${auditStats ? `
+    ${k?`
     <div class="card">
       <div class="label">Security surface</div>
-      <div class="value" style="color:${auditHigh > 0 ? "var(--red)" : "var(--green)"}">${auditHigh}</div>
-      <div class="sub">${auditHigh} high · ${auditMedium} medium risk caps</div>
-    </div>` : ""}
+      <div class="value" style="color:${I>0?"var(--red)":"var(--green)"}">${I}</div>
+      <div class="sub">${I} high \xB7 ${G} medium risk caps</div>
+    </div>`:""}
     <div class="card">
       <div class="label">Linked tickets</div>
-      <div class="value" style="color:var(--blue)">${linkedCount}</div>
+      <div class="value" style="color:var(--blue)">${N}</div>
       <div class="sub">caps linked to Jira/Linear/GitHub</div>
     </div>
   </div>
 
-  ${issueCount > 0 ? `
+  ${p>0?`
   <!-- Issues -->
   <section>
-    <h2>⚠ Issues</h2>
-    <ul class="issues-list">${issueItems}</ul>
-  </section>` : ""}
+    <h2>\u26A0 Issues</h2>
+    <ul class="issues-list">${H}</ul>
+  </section>`:""}
 
   <!-- Capabilities -->
   <section>
-    <h2>Capabilities (${capCount})</h2>
-    ${capCount > 0 ? `
+    <h2>Capabilities (${e})</h2>
+    ${e>0?`
     <table>
       <thead><tr><th>ID</th><th>Title</th><th>Since</th></tr></thead>
-      <tbody>${capRows}</tbody>
-    </table>` : `<div class="empty">No capabilities found in inferno/capabilities.json</div>`}
+      <tbody>${v}</tbody>
+    </table>`:'<div class="empty">No capabilities found in inferno/capabilities.json</div>'}
   </section>
 
   <!-- Agents -->
   <section>
-    <h2>Synthesized Agents (${agentCount})</h2>
-    ${agentCount > 0 ? `
+    <h2>Synthesized Agents (${i})</h2>
+    ${i>0?`
     <table>
       <thead><tr><th>Name</th><th>Description</th><th>Steps</th><th>Confidence</th></tr></thead>
-      <tbody>${agentRows}</tbody>
-    </table>` : `<div class="empty">No agents yet — run <code>infernoflow synthesize</code> to generate them</div>`}
+      <tbody>${x}</tbody>
+    </table>`:'<div class="empty">No agents yet \u2014 run <code>infernoflow synthesize</code> to generate them</div>'}
   </section>
 
-  ${candidates.length > 0 ? `
+  ${h.length>0?`
   <!-- Candidates -->
   <section>
-    <h2>Workflow Candidates (${candidates.length})</h2>
-    <ul class="candidates-list">${candidateItems}</ul>
-  </section>` : ""}
+    <h2>Workflow Candidates (${h.length})</h2>
+    <ul class="candidates-list">${R}</ul>
+  </section>`:""}
 
   <!-- Session timeline -->
   <section>
     <h2>Recent Sessions</h2>
-    ${sessions.length > 0 ? `<div>${sessionItems}</div>`
-      : `<div class="empty">No session data yet — sessions are logged automatically as you use infernoflow</div>`}
+    ${d.length>0?`<div>${L}</div>`:'<div class="empty">No session data yet \u2014 sessions are logged automatically as you use infernoflow</div>'}
   </section>
 
   <!-- Analytics: velocity + health trend -->
-  ${vel.length > 0 ? `
+  ${O.length>0?`
   <div class="analytics-grid">
     <section>
-      <h2>📈 Capability Velocity (13 weeks)</h2>
+      <h2>\u{1F4C8} Capability Velocity (13 weeks)</h2>
       <div class="chart-wrap">
-        ${velChart}
+        ${U}
         <div class="chart-label">Commits touching inferno/ per week</div>
       </div>
     </section>
     <section>
-      <h2>💚 Health Score Trend</h2>
+      <h2>\u{1F49A} Health Score Trend</h2>
       <div class="chart-wrap">
-        ${trendChart}
+        ${W}
         <div class="chart-label">Heuristic health score over last 13 weeks</div>
       </div>
     </section>
-  </div>` : ""}
+  </div>`:""}
 
   <!-- Contributor heatmap -->
-  ${contribs.length > 0 ? `
+  ${$.length>0?`
   <section>
-    <h2>👥 Contributor Heatmap (90 days)</h2>
-    ${heatRows}
-  </section>` : ""}
+    <h2>\u{1F465} Contributor Heatmap (90 days)</h2>
+    ${_}
+  </section>`:""}
 
   <!-- Audit surface map (if audit.json exists) -->
-  ${auditStats ? `
+  ${k?`
   <section>
-    <h2>🔐 Security Surface (last audit)</h2>
+    <h2>\u{1F510} Security Surface (last audit)</h2>
     <div class="audit-tags">
-      <span class="tag tag-high">🔴 ${auditStats.high} HIGH</span>
-      <span class="tag tag-medium">🟡 ${auditStats.medium} MEDIUM</span>
-      <span class="tag tag-low">🟢 ${auditStats.low} LOW</span>
-      ${linkedCount > 0 ? `<span class="tag tag-link">🔗 ${linkedCount} linked to tickets</span>` : ""}
+      <span class="tag tag-high">\u{1F534} ${k.high} HIGH</span>
+      <span class="tag tag-medium">\u{1F7E1} ${k.medium} MEDIUM</span>
+      <span class="tag tag-low">\u{1F7E2} ${k.low} LOW</span>
+      ${N>0?`<span class="tag tag-link">\u{1F517} ${N} linked to tickets</span>`:""}
     </div>
-    ${audit.capabilities ? `
+    ${s.capabilities?`
     <table>
       <thead><tr><th>Severity</th><th>Capability</th><th>Tags</th></tr></thead>
       <tbody>
-        ${audit.capabilities.filter(c => c.severity === "high" || c.severity === "medium").slice(0, 10).map(c => `
+        ${s.capabilities.filter(a=>a.severity==="high"||a.severity==="medium").slice(0,10).map(a=>`
         <tr>
-          <td style="color:${c.severity === "high" ? "var(--red)" : "var(--yellow)"}">${c.severity}</td>
-          <td><code>${esc(c.id)}</code></td>
-          <td>${esc((c.tags || []).join(", "))}</td>
+          <td style="color:${a.severity==="high"?"var(--red)":"var(--yellow)"}">${a.severity}</td>
+          <td><code>${f(a.id)}</code></td>
+          <td>${f((a.tags||[]).join(", "))}</td>
         </tr>`).join("")}
       </tbody>
-    </table>` : ""}
-    <div style="padding:8px 18px;font-size:11px;color:var(--muted)">Run <code>infernoflow audit</code> to refresh · Last run: ${esc(audit.runAt ? new Date(audit.runAt).toLocaleString() : "unknown")}</div>
-  </section>` : `
+    </table>`:""}
+    <div style="padding:8px 18px;font-size:11px;color:var(--muted)">Run <code>infernoflow audit</code> to refresh \xB7 Last run: ${f(s.runAt?new Date(s.runAt).toLocaleString():"unknown")}</div>
+  </section>`:`
   <section>
-    <h2>🔐 Security Surface</h2>
-    <div class="empty">No audit data yet — run <code>infernoflow audit</code> to classify capabilities by security sensitivity</div>
+    <h2>\u{1F510} Security Surface</h2>
+    <div class="empty">No audit data yet \u2014 run <code>infernoflow audit</code> to classify capabilities by security sensitivity</div>
   </section>`}
 
 
-<!-- ── Command Center ────────────────────────────────────────────────────── -->
+<!-- \u2500\u2500 Command Center \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->
 <section id="command-center">
-  <h2>🎛️ Command Center</h2>
+  <h2>\u{1F39B}\uFE0F Command Center</h2>
   <div class="cc-layout">
     <!-- Left: capability list -->
     <div class="cc-caps">
       <h3>Capabilities</h3>
       <div class="cc-cap-list" id="cc-cap-list">
-        ${data.caps.map(c => {
-          const stability = c.stability || "experimental";
-          const icon = stability === "frozen" ? "🧊" : stability === "stable" ? "〰️" : "🌊";
-          const scanEntry = data.scan?.capabilities?.find(s => s.id === c.id);
-          const files = scanEntry?.codeAnalysis?.sourceFiles || [];
-          return `<div class="cc-cap-row" onclick="capDetail('${esc(c.id)}')">
-            <span class="cc-icon">${icon}</span>
+        ${t.caps.map(a=>{const w=a.stability||"experimental",C=w==="frozen"?"\u{1F9CA}":w==="stable"?"\u3030\uFE0F":"\u{1F30A}",M=t.scan?.capabilities?.find(Y=>Y.id===a.id)?.codeAnalysis?.sourceFiles||[];return`<div class="cc-cap-row" onclick="capDetail('${f(a.id)}')">
+            <span class="cc-icon">${C}</span>
             <div class="cc-cap-info">
-              <span class="cc-cap-id">${esc(c.id)}</span>
-              ${files.length ? `<span class="cc-cap-file">${esc(files[0])}</span>` : ""}
+              <span class="cc-cap-id">${f(a.id)}</span>
+              ${M.length?`<span class="cc-cap-file">${f(M[0])}</span>`:""}
             </div>
-            <span class="cc-stab cc-stab-${stability}" onclick="event.stopPropagation();cycleStability('${esc(c.id)}','${stability}')" title="Click to change stability">${stability}</span>
-          </div>`;
-        }).join("")}
-        ${data.caps.length === 0 ? `<div class="empty">No capabilities — run <code>infernoflow init</code></div>` : ""}
+            <span class="cc-stab cc-stab-${w}" onclick="event.stopPropagation();cycleStability('${f(a.id)}','${w}')" title="Click to change stability">${w}</span>
+          </div>`}).join("")}
+        ${t.caps.length===0?'<div class="empty">No capabilities \u2014 run <code>infernoflow init</code></div>':""}
       </div>
     </div>
 
@@ -570,23 +258,23 @@ function buildHtml(data, projectName) {
     <div class="cc-commands">
       <h3>Quick Commands</h3>
       <div class="cc-btn-grid">
-        <button class="cc-btn cc-btn-blue"  onclick="runCmd('scan')">🔬 scan</button>
-        <button class="cc-btn cc-btn-blue"  onclick="runCmd('graph')">🕸️ graph</button>
-        <button class="cc-btn cc-btn-blue"  onclick="runCmd('stability')">💧 stability</button>
-        <button class="cc-btn cc-btn-blue"  onclick="runCmd('check')">✅ check</button>
-        <button class="cc-btn cc-btn-orange" onclick="runCmd('doctor')">🩺 doctor</button>
-        <button class="cc-btn cc-btn-orange" onclick="runCmd('coverage')">📊 coverage</button>
-        <button class="cc-btn cc-btn-green" onclick="runCmd('status')">📡 status</button>
-        <button class="cc-btn cc-btn-green" onclick="runCmd('health')">❤️ health</button>
+        <button class="cc-btn cc-btn-blue"  onclick="runCmd('scan')">\u{1F52C} scan</button>
+        <button class="cc-btn cc-btn-blue"  onclick="runCmd('graph')">\u{1F578}\uFE0F graph</button>
+        <button class="cc-btn cc-btn-blue"  onclick="runCmd('stability')">\u{1F4A7} stability</button>
+        <button class="cc-btn cc-btn-blue"  onclick="runCmd('check')">\u2705 check</button>
+        <button class="cc-btn cc-btn-orange" onclick="runCmd('doctor')">\u{1FA7A} doctor</button>
+        <button class="cc-btn cc-btn-orange" onclick="runCmd('coverage')">\u{1F4CA} coverage</button>
+        <button class="cc-btn cc-btn-green" onclick="runCmd('status')">\u{1F4E1} status</button>
+        <button class="cc-btn cc-btn-green" onclick="runCmd('health')">\u2764\uFE0F health</button>
       </div>
 
       <h3 style="margin-top:18px">Capability Actions</h3>
       <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px">
         <input id="cc-capinput" class="cc-input" placeholder="capability-id" style="flex:1;min-width:120px"/>
-        <button class="cc-btn cc-btn-blue"  onclick="runCapCmd('why')">🔍 why</button>
-        <button class="cc-btn cc-btn-blue"  onclick="runCapCmd('impact')">💥 impact</button>
-        <button class="cc-btn cc-btn-red"   onclick="runCapCmd('freeze')">🧊 freeze</button>
-        <button class="cc-btn cc-btn-green" onclick="runCapCmd('thaw')">🌊 thaw</button>
+        <button class="cc-btn cc-btn-blue"  onclick="runCapCmd('why')">\u{1F50D} why</button>
+        <button class="cc-btn cc-btn-blue"  onclick="runCapCmd('impact')">\u{1F4A5} impact</button>
+        <button class="cc-btn cc-btn-red"   onclick="runCapCmd('freeze')">\u{1F9CA} freeze</button>
+        <button class="cc-btn cc-btn-green" onclick="runCapCmd('thaw')">\u{1F30A} thaw</button>
       </div>
 
       <!-- Terminal output -->
@@ -605,7 +293,7 @@ function buildHtml(data, projectName) {
 </section>
 
 </main>
-<footer>infernoflow dashboard · auto-refreshes when inferno/ changes · <a href="/" style="color:var(--muted)">refresh now</a></footer>
+<footer>infernoflow dashboard \xB7 auto-refreshes when inferno/ changes \xB7 <a href="/" style="color:var(--muted)">refresh now</a></footer>
 <style>
   /* Command Center styles */
   .cc-layout { display:grid; grid-template-columns:220px 1fr 280px; gap:16px; margin-top:12px; min-height:420px; }
@@ -650,7 +338,7 @@ function buildHtml(data, projectName) {
   es.onmessage = () => window.location.reload();
   es.onerror   = () => {};
 
-  // ── Command runner ──────────────────────────────────────────────────────────
+  // \u2500\u2500 Command runner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   const terminal = document.getElementById('cc-terminal');
 
   async function runCmd(command, args = []) {
@@ -680,11 +368,11 @@ function buildHtml(data, projectName) {
     runCmd(command, [capId]);
   }
 
-  // ── Capability detail panel ─────────────────────────────────────────────────
+  // \u2500\u2500 Capability detail panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   async function capDetail(capId) {
     document.getElementById('cc-capinput').value = capId;
     const detail = document.getElementById('cc-detail-inner');
-    detail.innerHTML = '<div class="empty">Loading…</div>';
+    detail.innerHTML = '<div class="empty">Loading\u2026</div>';
 
     try {
       const [why, impact] = await Promise.all([
@@ -699,7 +387,7 @@ function buildHtml(data, projectName) {
 
       if (w) {
         html += '<div class="cc-detail-section">';
-        html += '<h4>📍 ' + (w.name || w.capId) + '</h4>';
+        html += '<h4>\u{1F4CD} ' + (w.name || w.capId) + '</h4>';
         html += '<div class="cc-detail-row"><span>Stability</span><span class="cc-stab cc-stab-' + w.stability + '">' + w.stability + '</span></div>';
         if (w.sourceFiles?.length) html += '<div class="cc-detail-row"><span>Files</span><span style="color:#7dd3fc">' + w.sourceFiles.join(', ') + '</span></div>';
         if (w.services?.length) html += '<div class="cc-detail-row"><span>Uses</span><span style="color:#a78bfa">' + w.services.join(', ') + '</span></div>';
@@ -710,32 +398,32 @@ function buildHtml(data, projectName) {
       if (im) {
         const riskCls = 'cc-risk-' + im.risk;
         html += '<div class="cc-detail-section">';
-        html += '<h4>💥 Impact</h4>';
+        html += '<h4>\u{1F4A5} Impact</h4>';
         html += '<div class="cc-detail-row"><span>Risk</span><span class="' + riskCls + '">' + im.risk.toUpperCase() + '</span></div>';
         html += '<div class="cc-detail-row"><span>Direct deps</span><span>' + im.summary.directCount + '</span></div>';
         html += '<div class="cc-detail-row"><span>Transitive</span><span>' + im.summary.transitiveCount + '</span></div>';
         if (im.direct?.length) {
           html += '<h4 style="margin-top:10px">Direct dependents</h4>';
-          im.direct.forEach(d => { html += '<div class="cc-detail-dep">→ <code>' + d + '</code></div>'; });
+          im.direct.forEach(d => { html += '<div class="cc-detail-dep">\u2192 <code>' + d + '</code></div>'; });
         }
         if (im.affectedScenarios?.length) {
           html += '<h4 style="margin-top:10px">Scenarios at risk</h4>';
-          im.affectedScenarios.forEach(s => { html += '<div class="cc-detail-dep">⚠️ ' + s + '</div>'; });
+          im.affectedScenarios.forEach(s => { html += '<div class="cc-detail-dep">\u26A0\uFE0F ' + s + '</div>'; });
         }
         html += '</div>';
       }
 
-      if (!html) html = '<div class="empty">No data found for ' + capId + ' — run infernoflow scan first.</div>';
+      if (!html) html = '<div class="empty">No data found for ' + capId + ' \u2014 run infernoflow scan first.</div>';
       detail.innerHTML = html;
     } catch (e) {
       detail.innerHTML = '<div class="empty">Error: ' + e.message + '</div>';
     }
   }
 
-  // ── Stability cycle ─────────────────────────────────────────────────────────
+  // \u2500\u2500 Stability cycle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   async function cycleStability(capId, current) {
     const next = current === 'experimental' ? 'stable' : current === 'stable' ? 'frozen' : 'experimental';
-    if (!confirm('Change ' + capId + ' from ' + current + ' → ' + next + '?')) return;
+    if (!confirm('Change ' + capId + ' from ' + current + ' \u2192 ' + next + '?')) return;
     await fetch('/api/freeze', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -745,210 +433,10 @@ function buildHtml(data, projectName) {
   }
 </script>
 </body>
-</html>`;
-}
-
-function esc(str) {
-  return String(str || "")
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/"/g, "&quot;");
-}
-
-// ── HTTP server ───────────────────────────────────────────────────────────────
-
-function startServer(infernoDir, port) {
-  const cwd         = path.dirname(infernoDir);
-  const projectName = path.basename(cwd);
-  const sseClients  = new Set();
-
-  // Watch inferno/ for changes → notify SSE clients
-  let watchTimer = null;
-  try {
-    fs.watch(infernoDir, { recursive: true }, () => {
-      clearTimeout(watchTimer);
-      watchTimer = setTimeout(() => {
-        for (const res of sseClients) {
-          try { res.write("data: reload\n\n"); } catch {}
-        }
-      }, 500);
-    });
-  } catch {}
-
-  const server = http.createServer((req, res) => {
-    // SSE endpoint
-    if (req.url === "/events") {
-      res.writeHead(200, {
-        "Content-Type": "text/event-stream",
-        "Cache-Control": "no-cache",
-        "Connection": "keep-alive",
-      });
-      sseClients.add(res);
-      req.on("close", () => sseClients.delete(res));
-      return;
-    }
-
-    // JSON API
-    if (req.url === "/api/data") {
-      const data = gatherData(infernoDir);
-      res.writeHead(200, { "Content-Type": "application/json" });
-      res.end(JSON.stringify(data, null, 2));
-      return;
-    }
-
-    // ── Command runner: POST /api/run { command, args[] } ─────────────────────
-    if (req.url === "/api/run" && req.method === "POST") {
-      let body = "";
-      req.on("data", chunk => { body += chunk; });
-      req.on("end", () => {
-        try {
-          const { command = "", args = [] } = JSON.parse(body);
-          const binPath = path.join(__dirname, "../../bin/infernoflow.mjs");
-          res.writeHead(200, {
-            "Content-Type": "text/plain; charset=utf-8",
-            "Transfer-Encoding": "chunked",
-            "Cache-Control": "no-cache",
-          });
-          const child = spawn(process.execPath, [binPath, command, ...args], {
-            cwd,
-            env: { ...process.env, FORCE_COLOR: "0" },
-          });
-          child.stdout.on("data", d => res.write(d));
-          child.stderr.on("data", d => res.write(d));
-          child.on("close", code => {
-            res.write(`\n[exit ${code}]\n`);
-            res.end();
-          });
-          child.on("error", err => {
-            res.write(`\nError spawning command: ${err.message}\n`);
-            res.end();
-          });
-        } catch (err) {
-          res.writeHead(400, { "Content-Type": "text/plain" });
-          res.end("Bad request: " + err.message);
-        }
-      });
-      return;
-    }
-
-    // ── Capability why: GET /api/cap/:id/why ──────────────────────────────────
-    const whyMatch = req.url?.match(/^\/api\/cap\/([^/]+)\/why$/);
-    if (whyMatch) {
-      const capId  = decodeURIComponent(whyMatch[1]);
-      const binPath = path.join(__dirname, "../../bin/infernoflow.mjs");
-      let output = "";
-      const child = spawn(process.execPath, [binPath, "why", capId, "--json"], {
-        cwd, env: { ...process.env, FORCE_COLOR: "0" },
-      });
-      child.stdout.on("data", d => { output += d; });
-      child.stderr.on("data", () => {});
-      child.on("close", () => {
-        try {
-          res.writeHead(200, { "Content-Type": "application/json" });
-          res.end(output.trim() || "[]");
-        } catch {}
-      });
-      return;
-    }
-
-    // ── Capability impact: GET /api/cap/:id/impact ────────────────────────────
-    const impactMatch = req.url?.match(/^\/api\/cap\/([^/]+)\/impact$/);
-    if (impactMatch) {
-      const capId   = decodeURIComponent(impactMatch[1]);
-      const binPath = path.join(__dirname, "../../bin/infernoflow.mjs");
-      let output = "";
-      const child = spawn(process.execPath, [binPath, "impact", capId, "--json"], {
-        cwd, env: { ...process.env, FORCE_COLOR: "0" },
-      });
-      child.stdout.on("data", d => { output += d; });
-      child.stderr.on("data", () => {});
-      child.on("close", () => {
-        try {
-          res.writeHead(200, { "Content-Type": "application/json" });
-          res.end(output.trim() || "{}");
-        } catch {}
-      });
-      return;
-    }
-
-    // ── Freeze/thaw: POST /api/freeze { capId, level } ───────────────────────
-    if (req.url === "/api/freeze" && req.method === "POST") {
-      let body = "";
-      req.on("data", chunk => { body += chunk; });
-      req.on("end", () => {
-        try {
-          const { capId, level } = JSON.parse(body);
-          const binPath = path.join(__dirname, "../../bin/infernoflow.mjs");
-          const cmd     = level === "experimental" ? "thaw" : "freeze";
-          const args    = level === "stable" ? [capId, "--stable"] : [capId];
-          const child   = spawn(process.execPath, [binPath, cmd, ...args], { cwd });
-          child.on("close", () => {
-            res.writeHead(200, { "Content-Type": "application/json" });
-            res.end(JSON.stringify({ ok: true }));
-          });
-        } catch (err) {
-          res.writeHead(400, { "Content-Type": "application/json" });
-          res.end(JSON.stringify({ ok: false, error: err.message }));
-        }
-      });
-      return;
-    }
-
-    // Dashboard HTML
-    try {
-      const data = gatherData(infernoDir);
-      const html = buildHtml(data, projectName);
-      res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-      res.end(html);
-    } catch (err) {
-      res.writeHead(500, { "Content-Type": "text/plain" });
-      res.end(`Error: ${err.message}`);
-    }
-  });
-
-  server.listen(port, "127.0.0.1", () => {});
-  return server;
-}
-
-function openBrowser(url) {
-  const platform = os.platform();
-  try {
-    if (platform === "darwin") execSync(`open "${url}"`, { stdio: "ignore" });
-    else if (platform === "win32") execSync(`start "" "${url}"`, { stdio: "ignore", shell: true });
-    else execSync(`xdg-open "${url}"`, { stdio: "ignore" });
-  } catch {}
-}
-
-// ── main ──────────────────────────────────────────────────────────────────────
-
-export async function dashboardCommand(rawArgs) {
-  const args    = rawArgs.slice(1);
-  const noOpen  = args.includes("--no-open");
-  const portIdx = args.indexOf("--port");
-  const port    = portIdx !== -1 ? parseInt(args[portIdx + 1], 10) : 7337;
-
-  const cwd        = process.cwd();
-  const infernoDir = path.join(cwd, "inferno");
-
-  header("infernoflow dashboard");
-
-  if (!fs.existsSync(infernoDir)) {
-    warn("inferno/ not found — run: infernoflow init");
-    process.exit(1);
-  }
-
-  const url = `http://localhost:${port}`;
-
-  startServer(infernoDir, port);
-
-  ok(`Dashboard running → ${cyan(url)}`);
-  info("Auto-refreshes when inferno/ files change");
-  info("Press Ctrl+C to stop");
-  console.log();
-
-  if (!noOpen) openBrowser(url);
+</html>`}function f(t){return String(t||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function gt(t,n){const l=g.dirname(t),u=g.basename(l),r=new Set;let d=null;try{m.watch(t,{recursive:!0},()=>{clearTimeout(d),d=setTimeout(()=>{for(const s of r)try{s.write(`data: reload
 
-  // Keep alive
-  await new Promise(() => {});
-}
+`)}catch{}},500)})}catch{}const h=V.createServer((s,o)=>{if(s.url==="/events"){o.writeHead(200,{"Content-Type":"text/event-stream","Cache-Control":"no-cache",Connection:"keep-alive"}),r.add(o),s.on("close",()=>r.delete(o));return}if(s.url==="/api/data"){const c=E(t);o.writeHead(200,{"Content-Type":"application/json"}),o.end(JSON.stringify(c,null,2));return}if(s.url==="/api/run"&&s.method==="POST"){let c="";s.on("data",e=>{c+=e}),s.on("end",()=>{try{const{command:e="",args:i=[]}=JSON.parse(c),p=g.join(T,"../../bin/infernoflow.mjs");o.writeHead(200,{"Content-Type":"text/plain; charset=utf-8","Transfer-Encoding":"chunked","Cache-Control":"no-cache"});const v=z(process.execPath,[p,e,...i],{cwd:l,env:{...process.env,FORCE_COLOR:"0"}});v.stdout.on("data",x=>o.write(x)),v.stderr.on("data",x=>o.write(x)),v.on("close",x=>{o.write(`
+[exit ${x}]
+`),o.end()}),v.on("error",x=>{o.write(`
+Error spawning command: ${x.message}
+`),o.end()})}catch(e){o.writeHead(400,{"Content-Type":"text/plain"}),o.end("Bad request: "+e.message)}});return}const b=s.url?.match(/^\/api\/cap\/([^/]+)\/why$/);if(b){const c=decodeURIComponent(b[1]),e=g.join(T,"../../bin/infernoflow.mjs");let i="";const p=z(process.execPath,[e,"why",c,"--json"],{cwd:l,env:{...process.env,FORCE_COLOR:"0"}});p.stdout.on("data",v=>{i+=v}),p.stderr.on("data",()=>{}),p.on("close",()=>{try{o.writeHead(200,{"Content-Type":"application/json"}),o.end(i.trim()||"[]")}catch{}});return}const y=s.url?.match(/^\/api\/cap\/([^/]+)\/impact$/);if(y){const c=decodeURIComponent(y[1]),e=g.join(T,"../../bin/infernoflow.mjs");let i="";const p=z(process.execPath,[e,"impact",c,"--json"],{cwd:l,env:{...process.env,FORCE_COLOR:"0"}});p.stdout.on("data",v=>{i+=v}),p.stderr.on("data",()=>{}),p.on("close",()=>{try{o.writeHead(200,{"Content-Type":"application/json"}),o.end(i.trim()||"{}")}catch{}});return}if(s.url==="/api/freeze"&&s.method==="POST"){let c="";s.on("data",e=>{c+=e}),s.on("end",()=>{try{const{capId:e,level:i}=JSON.parse(c),p=g.join(T,"../../bin/infernoflow.mjs"),v=i==="experimental"?"thaw":"freeze",x=i==="stable"?[e,"--stable"]:[e];z(process.execPath,[p,v,...x],{cwd:l}).on("close",()=>{o.writeHead(200,{"Content-Type":"application/json"}),o.end(JSON.stringify({ok:!0}))})}catch(e){o.writeHead(400,{"Content-Type":"application/json"}),o.end(JSON.stringify({ok:!1,error:e.message}))}});return}try{const c=E(t),e=ft(c,u);o.writeHead(200,{"Content-Type":"text/html; charset=utf-8"}),o.end(e)}catch(c){o.writeHead(500,{"Content-Type":"text/plain"}),o.end(`Error: ${c.message}`)}});return h.listen(n,"127.0.0.1",()=>{}),h}function bt(t){const n=K.platform();try{n==="darwin"?S(`open "${t}"`,{stdio:"ignore"}):n==="win32"?S(`start "" "${t}"`,{stdio:"ignore",shell:!0}):S(`xdg-open "${t}"`,{stdio:"ignore"})}catch{}}async function $t(t){const n=t.slice(1),l=n.includes("--no-open"),u=n.indexOf("--port"),r=u!==-1?parseInt(n[u+1],10):7337,d=process.cwd(),h=g.join(d,"inferno");X("infernoflow dashboard"),m.existsSync(h)||(q("inferno/ not found \u2014 run: infernoflow init"),process.exit(1));const s=`http://localhost:${r}`;gt(h,r),Z(`Dashboard running \u2192 ${tt(s)}`),P("Auto-refreshes when inferno/ files change"),P("Press Ctrl+C to stop"),console.log(),l||bt(s),await new Promise(()=>{})}export{$t as dashboardCommand};