infernoflow 0.33.0 → 0.34.0

package/dist/lib/commands/dashboard.mjs

@@ -1,37 +1,342 @@
-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>
+/**
+ * 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>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>infernoflow \u2014 ${f(n)}</title>
+<title>infernoflow — ${esc(projectName)}</title>
 <style>
   *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
   :root {
@@ -94,10 +399,10 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
 </head>
 <body>
 <header>
-  <span class="flame">\u{1F525}</span>
+  <span class="flame">🔥</span>
   <div>
     <h1>infernoflow</h1>
-    <div class="project">${f(n)}</div>
+    <div class="project">${esc(projectName)}</div>
   </div>
   <div class="live">Live</div>
 </header>
@@ -107,150 +412,157 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
   <div class="cards">
     <div class="card">
       <div class="label">Contract status</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 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>
     <div class="card">
       <div class="label">Capabilities</div>
-      <div class="value">${e}</div>
+      <div class="value">${capCount}</div>
       <div class="sub">tracked in contract</div>
     </div>
     <div class="card">
       <div class="label">Agents</div>
-      <div class="value">${i}</div>
+      <div class="value">${agentCount}</div>
       <div class="sub">synthesized workflows</div>
     </div>
     <div class="card">
       <div class="label">Sessions</div>
-      <div class="value">${d.length}</div>
+      <div class="value">${sessions.length}</div>
       <div class="sub">recent sessions logged</div>
     </div>
-    ${k?`
+    ${auditStats ? `
     <div class="card">
       <div class="label">Security surface</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="value" style="color:${auditHigh > 0 ? "var(--red)" : "var(--green)"}">${auditHigh}</div>
+      <div class="sub">${auditHigh} high · ${auditMedium} medium risk caps</div>
+    </div>` : ""}
     <div class="card">
       <div class="label">Linked tickets</div>
-      <div class="value" style="color:var(--blue)">${N}</div>
+      <div class="value" style="color:var(--blue)">${linkedCount}</div>
       <div class="sub">caps linked to Jira/Linear/GitHub</div>
     </div>
   </div>
 
-  ${p>0?`
+  ${issueCount > 0 ? `
   <!-- Issues -->
   <section>
-    <h2>\u26A0 Issues</h2>
-    <ul class="issues-list">${H}</ul>
-  </section>`:""}
+    <h2>⚠ Issues</h2>
+    <ul class="issues-list">${issueItems}</ul>
+  </section>` : ""}
 
   <!-- Capabilities -->
   <section>
-    <h2>Capabilities (${e})</h2>
-    ${e>0?`
+    <h2>Capabilities (${capCount})</h2>
+    ${capCount > 0 ? `
     <table>
       <thead><tr><th>ID</th><th>Title</th><th>Since</th></tr></thead>
-      <tbody>${v}</tbody>
-    </table>`:'<div class="empty">No capabilities found in inferno/capabilities.json</div>'}
+      <tbody>${capRows}</tbody>
+    </table>` : `<div class="empty">No capabilities found in inferno/capabilities.json</div>`}
   </section>
 
   <!-- Agents -->
   <section>
-    <h2>Synthesized Agents (${i})</h2>
-    ${i>0?`
+    <h2>Synthesized Agents (${agentCount})</h2>
+    ${agentCount > 0 ? `
     <table>
       <thead><tr><th>Name</th><th>Description</th><th>Steps</th><th>Confidence</th></tr></thead>
-      <tbody>${x}</tbody>
-    </table>`:'<div class="empty">No agents yet \u2014 run <code>infernoflow synthesize</code> to generate them</div>'}
+      <tbody>${agentRows}</tbody>
+    </table>` : `<div class="empty">No agents yet — run <code>infernoflow synthesize</code> to generate them</div>`}
   </section>
 
-  ${h.length>0?`
+  ${candidates.length > 0 ? `
   <!-- Candidates -->
   <section>
-    <h2>Workflow Candidates (${h.length})</h2>
-    <ul class="candidates-list">${R}</ul>
-  </section>`:""}
+    <h2>Workflow Candidates (${candidates.length})</h2>
+    <ul class="candidates-list">${candidateItems}</ul>
+  </section>` : ""}
 
   <!-- Session timeline -->
   <section>
     <h2>Recent Sessions</h2>
-    ${d.length>0?`<div>${L}</div>`:'<div class="empty">No session data yet \u2014 sessions are logged automatically as you use infernoflow</div>'}
+    ${sessions.length > 0 ? `<div>${sessionItems}</div>`
+      : `<div class="empty">No session data yet — sessions are logged automatically as you use infernoflow</div>`}
   </section>
 
   <!-- Analytics: velocity + health trend -->
-  ${O.length>0?`
+  ${vel.length > 0 ? `
   <div class="analytics-grid">
     <section>
-      <h2>\u{1F4C8} Capability Velocity (13 weeks)</h2>
+      <h2>📈 Capability Velocity (13 weeks)</h2>
       <div class="chart-wrap">
-        ${U}
+        ${velChart}
         <div class="chart-label">Commits touching inferno/ per week</div>
       </div>
     </section>
     <section>
-      <h2>\u{1F49A} Health Score Trend</h2>
+      <h2>💚 Health Score Trend</h2>
       <div class="chart-wrap">
-        ${W}
+        ${trendChart}
         <div class="chart-label">Heuristic health score over last 13 weeks</div>
       </div>
     </section>
-  </div>`:""}
+  </div>` : ""}
 
   <!-- Contributor heatmap -->
-  ${$.length>0?`
+  ${contribs.length > 0 ? `
   <section>
-    <h2>\u{1F465} Contributor Heatmap (90 days)</h2>
-    ${_}
-  </section>`:""}
+    <h2>👥 Contributor Heatmap (90 days)</h2>
+    ${heatRows}
+  </section>` : ""}
 
   <!-- Audit surface map (if audit.json exists) -->
-  ${k?`
+  ${auditStats ? `
   <section>
-    <h2>\u{1F510} Security Surface (last audit)</h2>
+    <h2>🔐 Security Surface (last audit)</h2>
     <div class="audit-tags">
-      <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>`:""}
+      <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>` : ""}
     </div>
-    ${s.capabilities?`
+    ${audit.capabilities ? `
     <table>
       <thead><tr><th>Severity</th><th>Capability</th><th>Tags</th></tr></thead>
       <tbody>
-        ${s.capabilities.filter(a=>a.severity==="high"||a.severity==="medium").slice(0,10).map(a=>`
+        ${audit.capabilities.filter(c => c.severity === "high" || c.severity === "medium").slice(0, 10).map(c => `
         <tr>
-          <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>
+          <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>
         </tr>`).join("")}
       </tbody>
-    </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>`:`
+    </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>` : `
   <section>
-    <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>
+    <h2>🔐 Security Surface</h2>
+    <div class="empty">No audit data yet — run <code>infernoflow audit</code> to classify capabilities by security sensitivity</div>
   </section>`}
 
 
-<!-- \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 -->
+<!-- ── Command Center ────────────────────────────────────────────────────── -->
 <section id="command-center">
-  <h2>\u{1F39B}\uFE0F Command Center</h2>
+  <h2>🎛️ 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">
-        ${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>
+        ${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>
             <div class="cc-cap-info">
-              <span class="cc-cap-id">${f(a.id)}</span>
-              ${M.length?`<span class="cc-cap-file">${f(M[0])}</span>`:""}
+              <span class="cc-cap-id">${esc(c.id)}</span>
+              ${files.length ? `<span class="cc-cap-file">${esc(files[0])}</span>` : ""}
             </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>':""}
+            <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>` : ""}
       </div>
     </div>
 
@@ -258,23 +570,23 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
     <div class="cc-commands">
       <h3>Quick Commands</h3>
       <div class="cc-btn-grid">
-        <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>
+        <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>
       </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')">\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>
+        <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>
       </div>
 
       <!-- Terminal output -->
@@ -293,7 +605,7 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
 </section>
 
 </main>
-<footer>infernoflow dashboard \xB7 auto-refreshes when inferno/ changes \xB7 <a href="/" style="color:var(--muted)">refresh now</a></footer>
+<footer>infernoflow dashboard · auto-refreshes when inferno/ changes · <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; }
@@ -338,7 +650,7 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
   es.onmessage = () => window.location.reload();
   es.onerror   = () => {};
 
-  // \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
+  // ── Command runner ──────────────────────────────────────────────────────────
   const terminal = document.getElementById('cc-terminal');
 
   async function runCmd(command, args = []) {
@@ -368,11 +680,11 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
     runCmd(command, [capId]);
   }
 
-  // \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
+  // ── Capability detail panel ─────────────────────────────────────────────────
   async function capDetail(capId) {
     document.getElementById('cc-capinput').value = capId;
     const detail = document.getElementById('cc-detail-inner');
-    detail.innerHTML = '<div class="empty">Loading\u2026</div>';
+    detail.innerHTML = '<div class="empty">Loading…</div>';
 
     try {
       const [why, impact] = await Promise.all([
@@ -387,7 +699,7 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
 
       if (w) {
         html += '<div class="cc-detail-section">';
-        html += '<h4>\u{1F4CD} ' + (w.name || w.capId) + '</h4>';
+        html += '<h4>📍 ' + (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>';
@@ -398,32 +710,32 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
       if (im) {
         const riskCls = 'cc-risk-' + im.risk;
         html += '<div class="cc-detail-section">';
-        html += '<h4>\u{1F4A5} Impact</h4>';
+        html += '<h4>💥 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">\u2192 <code>' + d + '</code></div>'; });
+          im.direct.forEach(d => { html += '<div class="cc-detail-dep">→ <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">\u26A0\uFE0F ' + s + '</div>'; });
+          im.affectedScenarios.forEach(s => { html += '<div class="cc-detail-dep">⚠️ ' + s + '</div>'; });
         }
         html += '</div>';
       }
 
-      if (!html) html = '<div class="empty">No data found for ' + capId + ' \u2014 run infernoflow scan first.</div>';
+      if (!html) html = '<div class="empty">No data found for ' + capId + ' — run infernoflow scan first.</div>';
       detail.innerHTML = html;
     } catch (e) {
       detail.innerHTML = '<div class="empty">Error: ' + e.message + '</div>';
     }
   }
 
-  // \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
+  // ── Stability cycle ─────────────────────────────────────────────────────────
   async function cycleStability(capId, current) {
     const next = current === 'experimental' ? 'stable' : current === 'stable' ? 'frozen' : 'experimental';
-    if (!confirm('Change ' + capId + ' from ' + current + ' \u2192 ' + next + '?')) return;
+    if (!confirm('Change ' + capId + ' from ' + current + ' → ' + next + '?')) return;
     await fetch('/api/freeze', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -433,10 +745,210 @@ import*as m from"node:fs";import*as g from"node:path";import*as V from"node:http
   }
 </script>
 </body>
-</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
+</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);
 
-`)}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};
+  // Keep alive
+  await new Promise(() => {});
+}