copilot-agent 0.5.0 → 0.7.0

package/dist/index.js

@@ -130,6 +130,102 @@ function findLatestIncomplete() {
   }
   return null;
 }
+function getSessionReport(sid) {
+  if (!validateSession(sid)) return null;
+  const ws = readWorkspace(sid);
+  let lines;
+  try {
+    lines = readFileSync(join(SESSION_DIR, sid, "events.jsonl"), "utf-8").trimEnd().split("\n");
+  } catch {
+    return null;
+  }
+  const report = {
+    id: sid,
+    cwd: ws.cwd ?? "",
+    summary: ws.summary ?? "",
+    startTime: "",
+    endTime: "",
+    durationMs: 0,
+    complete: false,
+    userMessages: 0,
+    assistantTurns: 0,
+    outputTokens: 0,
+    premiumRequests: 0,
+    toolUsage: {},
+    gitCommits: [],
+    filesCreated: [],
+    filesEdited: [],
+    errors: [],
+    taskCompletions: []
+  };
+  for (const line of lines) {
+    let event;
+    try {
+      event = JSON.parse(line);
+    } catch {
+      continue;
+    }
+    const type = event.type;
+    const ts = event.timestamp;
+    const data = event.data ?? {};
+    if (ts && !report.startTime) report.startTime = ts;
+    if (ts) report.endTime = ts;
+    switch (type) {
+      case "user.message":
+        report.userMessages++;
+        break;
+      case "assistant.message":
+        report.assistantTurns++;
+        report.outputTokens += data.outputTokens ?? 0;
+        break;
+      case "tool.execution_start": {
+        const toolName = data.toolName;
+        if (toolName) {
+          report.toolUsage[toolName] = (report.toolUsage[toolName] ?? 0) + 1;
+        }
+        if (toolName === "bash") {
+          const args = data.arguments;
+          const cmd = args?.command ?? "";
+          if (cmd.includes("git") && cmd.includes("commit") && cmd.includes("-m")) {
+            const msgMatch = cmd.match(/-m\s+"([^"]{1,120})/);
+            if (msgMatch) report.gitCommits.push(msgMatch[1]);
+          }
+        }
+        if (toolName === "create") {
+          const args = data.arguments;
+          if (args?.path) report.filesCreated.push(args.path);
+        }
+        if (toolName === "edit") {
+          const args = data.arguments;
+          if (args?.path && !report.filesEdited.includes(args.path)) {
+            report.filesEdited.push(args.path);
+          }
+        }
+        break;
+      }
+      case "session.task_complete": {
+        const summary = data.summary;
+        report.taskCompletions.push(summary ?? "(task completed)");
+        report.complete = true;
+        break;
+      }
+      case "session.error": {
+        const msg = data.message;
+        if (msg) report.errors.push(msg);
+        break;
+      }
+      case "session.shutdown": {
+        const premium = data.totalPremiumRequests;
+        if (premium != null) report.premiumRequests = premium;
+        break;
+      }
+    }
+  }
+  if (report.startTime && report.endTime) {
+    report.durationMs = new Date(report.endTime).getTime() - new Date(report.startTime).getTime();
+  }
+  return report;
+}
 
 // src/lib/process.ts
 import { execSync as execSync2, spawn } from "child_process";
@@ -315,7 +411,7 @@ async function runCopilot(args, options) {
   } else {
     await waitForCopilotInDir(dir);
   }
-  return new Promise((resolve6) => {
+  return new Promise((resolve7) => {
     const child = spawn("copilot", args, {
       cwd: options?.cwd,
       stdio: "inherit",
@@ -325,14 +421,14 @@ async function runCopilot(args, options) {
       await sleep(3e3);
       const sid = getLatestSessionId();
       const premium = sid ? getSessionPremium(sid) : 0;
-      resolve6({
+      resolve7({
         exitCode: code ?? 1,
         sessionId: sid,
         premium
       });
     });
     child.on("error", () => {
-      resolve6({ exitCode: 1, sessionId: null, premium: 0 });
+      resolve7({ exitCode: 1, sessionId: null, premium: 0 });
     });
   });
 }
@@ -1079,13 +1175,708 @@ async function researchCommand(dir, opts) {
   notify("Research complete", projectName);
 }
 
+// src/commands/report.ts
+import { resolve as resolve6 } from "path";
+function registerReportCommand(program2) {
+  program2.command("report [session-id]").description("Show what copilot did \u2014 timeline, tools, commits, files changed").option("-l, --limit <n>", "Number of recent sessions to report (when no ID given)", "1").option("--project <dir>", "Filter sessions by project directory").option("--json", "Output raw JSON").action((sessionId, opts) => {
+    try {
+      if (sessionId) {
+        reportSingle(sessionId, opts.json ?? false);
+      } else {
+        reportRecent(parseInt(opts.limit, 10), opts.project, opts.json ?? false);
+      }
+    } catch (err) {
+      fail(`Report error: ${err instanceof Error ? err.message : err}`);
+      process.exit(1);
+    }
+  });
+}
+function reportRecent(limit, projectDir, json = false) {
+  let sessions = listSessions(limit * 3);
+  if (projectDir) {
+    const target = resolve6(projectDir);
+    sessions = sessions.filter((s) => s.cwd && resolve6(s.cwd) === target);
+  }
+  sessions = sessions.slice(0, limit);
+  if (sessions.length === 0) {
+    warn("No sessions found.");
+    return;
+  }
+  for (const s of sessions) {
+    reportSingle(s.id, json);
+  }
+}
+function reportSingle(sid, json = false) {
+  const report = getSessionReport(sid);
+  if (!report) {
+    warn(`Session ${sid} not found or invalid.`);
+    return;
+  }
+  if (json) {
+    log(JSON.stringify(report, null, 2));
+    return;
+  }
+  renderReport(report);
+}
+function formatDuration(ms) {
+  if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
+  if (ms < 36e5) return `${Math.round(ms / 6e4)}m`;
+  const h = Math.floor(ms / 36e5);
+  const m = Math.round(ms % 36e5 / 6e4);
+  return `${h}h ${m}m`;
+}
+function formatTime(iso) {
+  if (!iso) return "\u2014";
+  const d = new Date(iso);
+  return d.toLocaleString("en-GB", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function bar(value, max, width = 20) {
+  const filled = Math.round(value / Math.max(max, 1) * width);
+  return "\u2588".repeat(filled) + "\u2591".repeat(width - filled);
+}
+function renderReport(r) {
+  const status = r.complete ? `${GREEN}\u2714 Completed${RESET}` : `${YELLOW}\u23F8 Interrupted${RESET}`;
+  const projectName = r.cwd.split("/").pop() ?? r.cwd;
+  log("");
+  log(`${BOLD}\u2554${"\u2550".repeat(62)}\u2557${RESET}`);
+  log(`${BOLD}\u2551${RESET}  \u{1F4CB} Session Report: ${CYAN}${r.id.slice(0, 8)}\u2026${RESET}${" ".repeat(62 - 28 - r.id.slice(0, 8).length)}${BOLD}\u2551${RESET}`);
+  log(`${BOLD}\u255A${"\u2550".repeat(62)}\u255D${RESET}`);
+  log("");
+  log(`${BOLD}  Overview${RESET}`);
+  log(`  ${"\u2500".repeat(58)}`);
+  log(`  Project:   ${CYAN}${projectName}${RESET}  ${DIM}${r.cwd}${RESET}`);
+  log(`  Status:    ${status}`);
+  log(`  Duration:  ${BOLD}${formatDuration(r.durationMs)}${RESET}  ${DIM}(${formatTime(r.startTime)} \u2192 ${formatTime(r.endTime)})${RESET}`);
+  log(`  Summary:   ${r.summary || DIM + "(none)" + RESET}`);
+  log("");
+  log(`${BOLD}  Activity${RESET}`);
+  log(`  ${"\u2500".repeat(58)}`);
+  log(`  User messages:    ${BOLD}${r.userMessages}${RESET}`);
+  log(`  Assistant turns:  ${BOLD}${r.assistantTurns}${RESET}`);
+  log(`  Output tokens:    ${BOLD}${r.outputTokens.toLocaleString()}${RESET}`);
+  log(`  Premium requests: ${BOLD}${r.premiumRequests}${RESET}`);
+  log(`  Tool calls:       ${BOLD}${Object.values(r.toolUsage).reduce((a, b) => a + b, 0)}${RESET}`);
+  const toolEntries = Object.entries(r.toolUsage).sort((a, b) => b[1] - a[1]);
+  if (toolEntries.length > 0) {
+    const maxCount = toolEntries[0][1];
+    log("");
+    log(`${BOLD}  Tools Used${RESET}`);
+    log(`  ${"\u2500".repeat(58)}`);
+    for (const [tool, count] of toolEntries.slice(0, 10)) {
+      const barStr = bar(count, maxCount, 15);
+      log(`  ${DIM}${barStr}${RESET} ${String(count).padStart(5)} ${tool}`);
+    }
+    if (toolEntries.length > 10) {
+      log(`  ${DIM}  \u2026 and ${toolEntries.length - 10} more tools${RESET}`);
+    }
+  }
+  if (r.gitCommits.length > 0) {
+    log("");
+    log(`${BOLD}  Git Commits (${r.gitCommits.length})${RESET}`);
+    log(`  ${"\u2500".repeat(58)}`);
+    for (const msg of r.gitCommits) {
+      log(`  ${GREEN}\u25CF${RESET} ${msg.slice(0, 70)}${msg.length > 70 ? "\u2026" : ""}`);
+    }
+  }
+  if (r.filesCreated.length > 0) {
+    log("");
+    log(`${BOLD}  Files Created (${r.filesCreated.length})${RESET}`);
+    log(`  ${"\u2500".repeat(58)}`);
+    for (const f of r.filesCreated.slice(0, 15)) {
+      const short = f.includes(projectName) ? f.split(projectName + "/")[1] ?? f : f;
+      log(`  ${GREEN}+${RESET} ${short}`);
+    }
+    if (r.filesCreated.length > 15) {
+      log(`  ${DIM}  \u2026 and ${r.filesCreated.length - 15} more${RESET}`);
+    }
+  }
+  if (r.filesEdited.length > 0) {
+    log("");
+    log(`${BOLD}  Files Edited (${r.filesEdited.length})${RESET}`);
+    log(`  ${"\u2500".repeat(58)}`);
+    for (const f of r.filesEdited.slice(0, 15)) {
+      const short = f.includes(projectName) ? f.split(projectName + "/")[1] ?? f : f;
+      log(`  ${YELLOW}~${RESET} ${short}`);
+    }
+    if (r.filesEdited.length > 15) {
+      log(`  ${DIM}  \u2026 and ${r.filesEdited.length - 15} more${RESET}`);
+    }
+  }
+  if (r.taskCompletions.length > 0) {
+    log("");
+    log(`${BOLD}  Tasks Completed (${r.taskCompletions.length})${RESET}`);
+    log(`  ${"\u2500".repeat(58)}`);
+    for (const t of r.taskCompletions) {
+      const lines = t.split("\n");
+      const first = lines[0].slice(0, 70);
+      log(`  ${GREEN}\u2714${RESET} ${first}${first.length < lines[0].length ? "\u2026" : ""}`);
+    }
+  }
+  if (r.errors.length > 0) {
+    log("");
+    log(`${BOLD}  Errors (${r.errors.length})${RESET}`);
+    log(`  ${"\u2500".repeat(58)}`);
+    for (const e of r.errors.slice(0, 5)) {
+      log(`  ${RED}\u2716${RESET} ${e.slice(0, 70)}`);
+    }
+    if (r.errors.length > 5) {
+      log(`  ${DIM}  \u2026 and ${r.errors.length - 5} more${RESET}`);
+    }
+  }
+  log("");
+}
+
+// src/commands/dashboard.ts
+var ESC = "\x1B";
+var CLEAR = `${ESC}[2J${ESC}[H`;
+var HIDE_CURSOR = `${ESC}[?25l`;
+var SHOW_CURSOR = `${ESC}[?25h`;
+var SAVE_CURSOR = `${ESC}7`;
+var RESTORE_CURSOR = `${ESC}8`;
+function registerDashboardCommand(program2) {
+  program2.command("dashboard").alias("tui").description("Real-time terminal dashboard for copilot sessions").option("-r, --refresh <n>", "Refresh interval in seconds", "5").option("-l, --limit <n>", "Number of sessions to show", "8").action((opts) => {
+    runDashboard(parseInt(opts.refresh, 10), parseInt(opts.limit, 10));
+  });
+}
+function runDashboard(refreshSec, limit) {
+  process.stdout.write(HIDE_CURSOR);
+  const cleanup = () => {
+    process.stdout.write(SHOW_CURSOR);
+    process.stdout.write(CLEAR);
+    process.exit(0);
+  };
+  process.on("SIGINT", cleanup);
+  process.on("SIGTERM", cleanup);
+  const render = () => {
+    try {
+      const output = buildScreen(limit);
+      process.stdout.write(CLEAR + output);
+    } catch {
+    }
+  };
+  render();
+  const timer = setInterval(render, refreshSec * 1e3);
+  process.stdout.on("resize", render);
+  process.stdin.setRawMode?.(true);
+  process.stdin.resume();
+  process.stdin.on("data", (data) => {
+    const key = data.toString();
+    if (key === "q" || key === "") {
+      clearInterval(timer);
+      cleanup();
+    }
+    if (key === "r") render();
+  });
+}
+function buildScreen(limit) {
+  const cols = process.stdout.columns || 80;
+  const rows = process.stdout.rows || 40;
+  const lines = [];
+  const now = /* @__PURE__ */ new Date();
+  const timeStr = now.toLocaleTimeString("en-GB");
+  lines.push("");
+  lines.push(`  ${BOLD}${CYAN}\u250C${"\u2500".repeat(cols - 6)}\u2510${RESET}`);
+  lines.push(`  ${BOLD}${CYAN}\u2502${RESET}  \u{1F916} ${BOLD}Copilot Agent Dashboard${RESET}${" ".repeat(Math.max(0, cols - 37 - timeStr.length))}${DIM}${timeStr}${RESET}  ${BOLD}${CYAN}\u2502${RESET}`);
+  lines.push(`  ${BOLD}${CYAN}\u2514${"\u2500".repeat(cols - 6)}\u2518${RESET}`);
+  lines.push("");
+  const procs = findCopilotProcesses();
+  lines.push(`  ${BOLD}${GREEN}\u25CF Active Processes (${procs.length})${RESET}`);
+  lines.push(`  ${"\u2500".repeat(Math.min(cols - 4, 70))}`);
+  if (procs.length === 0) {
+    lines.push(`  ${DIM}No copilot processes running${RESET}`);
+  } else {
+    for (const p of procs) {
+      const sid = p.sessionId ? p.sessionId.slice(0, 8) + "\u2026" : "\u2014";
+      const cwdShort = p.cwd ? "~/" + p.cwd.split("/").slice(-2).join("/") : "\u2014";
+      lines.push(`  ${GREEN}\u2B24${RESET} PID ${BOLD}${p.pid}${RESET}  ${CYAN}${sid}${RESET}  ${DIM}${cwdShort}${RESET}`);
+    }
+  }
+  lines.push("");
+  const sessions = listSessions(limit);
+  lines.push(`  ${BOLD}${CYAN}\u25CF Recent Sessions (${sessions.length})${RESET}`);
+  lines.push(`  ${"\u2500".repeat(Math.min(cols - 4, 70))}`);
+  const headerCols = [
+    pad("Status", 10),
+    pad("Premium", 8),
+    pad("Duration", 10),
+    pad("Project", 18),
+    pad("Last Activity", 20)
+  ];
+  lines.push(`  ${DIM}${headerCols.join(" ")}${RESET}`);
+  for (const s of sessions) {
+    const report = getSessionReport(s.id);
+    const statusIcon = s.complete ? `${GREEN}\u2714 done  ${RESET}` : `${YELLOW}\u23F8 stop  ${RESET}`;
+    const premium = pad(String(s.premiumRequests), 8);
+    const duration = report ? pad(formatDuration2(report.durationMs), 10) : pad("\u2014", 10);
+    const project = pad(s.cwd.split("/").pop() ?? "\u2014", 18);
+    const lastAct = pad(formatTimeAgo(s.mtime), 20);
+    lines.push(`  ${statusIcon}${premium}${duration}${project}${lastAct}`);
+  }
+  lines.push("");
+  if (sessions.length > 0) {
+    const latest = getSessionReport(sessions[0].id);
+    if (latest) {
+      lines.push(`  ${BOLD}${CYAN}\u25CF Latest Session Detail${RESET}  ${DIM}${latest.id.slice(0, 8)}\u2026${RESET}`);
+      lines.push(`  ${"\u2500".repeat(Math.min(cols - 4, 70))}`);
+      lines.push(`  Turns: ${BOLD}${latest.assistantTurns}${RESET}  Tokens: ${BOLD}${latest.outputTokens.toLocaleString()}${RESET}  Premium: ${BOLD}${latest.premiumRequests}${RESET}  Commits: ${BOLD}${latest.gitCommits.length}${RESET}  Files: ${BOLD}${latest.filesEdited.length}${RESET} edited, ${BOLD}${latest.filesCreated.length}${RESET} created`);
+      lines.push("");
+      const toolEntries = Object.entries(latest.toolUsage).sort((a, b) => b[1] - a[1]).slice(0, 5);
+      if (toolEntries.length > 0) {
+        const maxVal = toolEntries[0][1];
+        const barW = Math.min(20, Math.floor((cols - 30) / 2));
+        lines.push(`  ${DIM}Tools:${RESET}`);
+        for (const [tool, count] of toolEntries) {
+          const filled = Math.round(count / maxVal * barW);
+          const b = `${CYAN}${"\u2588".repeat(filled)}${DIM}${"\u2591".repeat(barW - filled)}${RESET}`;
+          lines.push(`  ${b} ${String(count).padStart(4)} ${tool}`);
+        }
+        lines.push("");
+      }
+      if (latest.gitCommits.length > 0) {
+        const maxCommits = Math.min(3, latest.gitCommits.length);
+        lines.push(`  ${DIM}Recent commits:${RESET}`);
+        for (let i = 0; i < maxCommits; i++) {
+          const msg = latest.gitCommits[i].split("\n")[0].slice(0, cols - 10);
+          lines.push(`  ${GREEN}\u25CF${RESET} ${msg}`);
+        }
+        if (latest.gitCommits.length > maxCommits) {
+          lines.push(`  ${DIM}  \u2026 +${latest.gitCommits.length - maxCommits} more${RESET}`);
+        }
+        lines.push("");
+      }
+      if (latest.taskCompletions.length > 0) {
+        const maxTasks = Math.min(3, latest.taskCompletions.length);
+        lines.push(`  ${DIM}Completed tasks:${RESET}`);
+        for (let i = 0; i < maxTasks; i++) {
+          const msg = latest.taskCompletions[i].split("\n")[0].slice(0, cols - 10);
+          lines.push(`  ${GREEN}\u2714${RESET} ${msg}`);
+        }
+        if (latest.taskCompletions.length > maxTasks) {
+          lines.push(`  ${DIM}  \u2026 +${latest.taskCompletions.length - maxTasks} more${RESET}`);
+        }
+      }
+    }
+  }
+  lines.push("");
+  lines.push(`  ${DIM}Press ${BOLD}q${RESET}${DIM} to quit, ${BOLD}r${RESET}${DIM} to refresh${RESET}`);
+  return lines.join("\n");
+}
+function pad(s, n) {
+  if (s.length >= n) return s.slice(0, n);
+  return s + " ".repeat(n - s.length);
+}
+function formatDuration2(ms) {
+  if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
+  if (ms < 36e5) return `${Math.round(ms / 6e4)}m`;
+  const h = Math.floor(ms / 36e5);
+  const m = Math.round(ms % 36e5 / 6e4);
+  return `${h}h ${m}m`;
+}
+function formatTimeAgo(mtimeMs) {
+  const diff = Date.now() - mtimeMs;
+  if (diff < 6e4) return "just now";
+  if (diff < 36e5) return `${Math.round(diff / 6e4)}m ago`;
+  if (diff < 864e5) return `${Math.round(diff / 36e5)}h ago`;
+  return `${Math.round(diff / 864e5)}d ago`;
+}
+
+// src/commands/web.ts
+import { Hono } from "hono";
+import { streamSSE } from "hono/streaming";
+import { serve } from "@hono/node-server";
+import { spawn as spawn2 } from "child_process";
+
+// src/web/layout.ts
+var cssStyles = `
+*{margin:0;padding:0;box-sizing:border-box}
+:root{
+  --bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--bg4:#292e36;
+  --border:#30363d;--border2:#3d444d;
+  --text:#e6edf3;--text2:#8b949e;--text3:#484f58;
+  --cyan:#58a6ff;--green:#3fb950;--yellow:#d29922;--red:#f85149;--purple:#bc8cff;--orange:#f0883e;
+  --font-sans:'Inter',system-ui,sans-serif;
+  --font-mono:'JetBrains Mono','SF Mono',monospace;
+  --radius:8px;
+}
+body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
+.header{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
+.header-left{display:flex;align-items:center;gap:10px}
+.header-left h1{font-size:16px;font-weight:600}
+.header-left h1 span{color:var(--cyan)}
+.live-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--green);background:rgba(63,185,80,.1);padding:3px 10px;border-radius:12px;font-weight:500}
+.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
+@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
+.clock{font-family:var(--font-mono);font-size:13px;color:var(--text2)}
+.container{max-width:1280px;margin:0 auto;padding:16px 20px}
+.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}
+.stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .2s}
+.stat:hover{border-color:var(--border2)}
+.stat-label{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}
+.stat-value{font-size:22px;font-weight:700;font-family:var(--font-mono);margin-top:2px}
+.stat-value.green{color:var(--green)}.stat-value.cyan{color:var(--cyan)}
+.stat-value.yellow{color:var(--yellow)}.stat-value.purple{color:var(--purple)}
+.procs{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}
+.procs-header{padding:10px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
+.procs-body{padding:4px 0}
+.proc{padding:6px 16px;display:flex;align-items:center;gap:10px;font-size:13px}
+.proc-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}
+.proc-pid{font-family:var(--font-mono);color:var(--cyan);font-weight:500;min-width:70px}
+.proc-sid{color:var(--text2);font-family:var(--font-mono);font-size:12px}
+.proc-cwd{color:var(--text3);font-size:12px}
+.empty{padding:14px 16px;color:var(--text3);font-size:13px}
+.main{display:grid;grid-template-columns:360px 1fr;gap:0;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:calc(100vh - 260px)}
+.sidebar{border-right:1px solid var(--border);overflow-y:auto}
+.sidebar-header{padding:10px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;position:sticky;top:0;background:var(--bg2);z-index:2}
+.count{background:var(--bg3);color:var(--text2);font-size:11px;padding:1px 7px;border-radius:10px;font-weight:500}
+.s-item{padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}
+.s-item:last-child{border-bottom:none}
+.s-item:hover{background:var(--bg3)}
+.s-item.active{background:rgba(88,166,255,.06);border-left:3px solid var(--cyan);padding-left:13px}
+.s-row{display:flex;align-items:center;gap:10px}
+.s-icon{font-size:14px;flex-shrink:0}
+.s-info{flex:1;min-width:0}
+.s-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.s-meta{font-size:11px;color:var(--text2);display:flex;gap:10px;margin-top:2px;flex-wrap:wrap}
+.badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase}
+.badge-done{background:rgba(63,185,80,.12);color:var(--green)}
+.badge-stop{background:rgba(210,153,34,.12);color:var(--yellow)}
+.detail{padding:20px;overflow-y:auto}
+.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
+.detail-title{font-size:18px;font-weight:700}
+.detail-id{font-family:var(--font-mono);font-size:11px;color:var(--text3);background:var(--bg);padding:3px 8px;border-radius:4px}
+.detail-time{font-size:12px;color:var(--text2);margin-bottom:16px}
+.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:20px}
+.d-stat{background:var(--bg);border-radius:6px;padding:10px}
+.d-stat-label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}
+.d-stat-val{font-size:16px;font-weight:700;font-family:var(--font-mono);margin-top:1px}
+.sub{margin-top:20px}
+.sub-title{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
+.tool-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12px}
+.tool-name{color:var(--text2);min-width:110px;text-align:right;font-family:var(--font-mono);font-size:11px}
+.tool-bar-bg{flex:1;background:var(--bg);border-radius:3px;height:14px;overflow:hidden}
+.tool-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--purple));opacity:.7;transition:width .4s ease}
+.tool-count{font-family:var(--font-mono);color:var(--text2);min-width:40px;font-size:11px}
+.commit-list,.task-list,.file-list,.error-list{list-style:none}
+.commit-list li,.task-list li{padding:5px 0;font-size:13px;display:flex;align-items:flex-start;gap:6px;border-bottom:1px solid var(--border)}
+.commit-list li:last-child,.task-list li:last-child{border-bottom:none}
+.c-dot{color:var(--green);flex-shrink:0;margin-top:2px}
+.t-check{color:var(--green);flex-shrink:0;margin-top:2px}
+.file-list li{padding:2px 0;font-size:11px;font-family:var(--font-mono)}
+.file-created{color:var(--green)}
+.file-edited{color:var(--yellow)}
+.error-list li{padding:5px 0;font-size:12px;color:var(--red)}
+.more{font-size:11px;color:var(--text3);padding:4px 0}
+.empty-detail{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3)}
+.htmx-settling{opacity:0}
+.htmx-added{opacity:0;transition:opacity .3s ease}
+@media(max-width:768px){.main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
+`;
+var layoutHead = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Copilot Agent Dashboard</title>
+<script src="https://unpkg.com/htmx.org@2.0.4" integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/htmx-ext-sse@2.2.2/sse.js"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<style>
+${cssStyles}
+</style>
+</head>`;
+var layoutFoot = `</html>`;
+
+// src/web/views.ts
+function esc(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function fmt(n) {
+  return n.toLocaleString();
+}
+function fmtDur(ms) {
+  if (!ms) return "\u2014";
+  if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
+  if (ms < 36e5) return `${Math.round(ms / 6e4)}m`;
+  const h = Math.floor(ms / 36e5);
+  const m = Math.round(ms % 36e5 / 6e4);
+  return `${h}h ${m}m`;
+}
+function fmtTime(iso) {
+  if (!iso) return "\u2014";
+  return new Date(iso).toLocaleString("en-GB", { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
+}
+function fmtAgo(iso) {
+  if (!iso) return "\u2014";
+  const diff = Date.now() - new Date(iso).getTime();
+  if (diff < 6e4) return "just now";
+  if (diff < 36e5) return `${Math.round(diff / 6e4)}m ago`;
+  if (diff < 864e5) return `${Math.round(diff / 36e5)}h ago`;
+  return `${Math.round(diff / 864e5)}d ago`;
+}
+function shortPath(p, proj) {
+  if (proj && p.includes(proj + "/")) return p.split(proj + "/").pop() ?? p;
+  return p.split("/").slice(-3).join("/");
+}
+function renderStats(sessions) {
+  const totalPremium = sessions.reduce((a, s) => a + (s.premiumRequests ?? 0), 0);
+  const totalTokens = sessions.reduce((a, s) => a + (s.outputTokens ?? 0), 0);
+  const totalCommits = sessions.reduce((a, s) => a + (s.gitCommits?.length ?? 0), 0);
+  const totalTasks = sessions.reduce((a, s) => a + (s.taskCompletions?.length ?? 0), 0);
+  const completed = sessions.filter((s) => s.complete).length;
+  const items = [
+    { label: "Sessions", value: String(sessions.length), cls: "cyan" },
+    { label: "Completed", value: `${completed}/${sessions.length}`, cls: "green" },
+    { label: "Premium", value: fmt(totalPremium), cls: "yellow" },
+    { label: "Tokens", value: fmt(totalTokens), cls: "purple" },
+    { label: "Commits", value: String(totalCommits), cls: "green" },
+    { label: "Tasks Done", value: String(totalTasks), cls: "cyan" }
+  ];
+  return items.map(
+    (i) => `<div class="stat"><div class="stat-label">${i.label}</div><div class="stat-value ${i.cls}">${i.value}</div></div>`
+  ).join("");
+}
+function renderProcesses(procs) {
+  if (procs.length === 0) return '<div class="empty">No active copilot processes</div>';
+  return procs.map((p) => {
+    const sid = p.sessionId ? p.sessionId.slice(0, 8) + "\u2026" : "\u2014";
+    return `<div class="proc">
+      <div class="proc-dot"></div>
+      <span class="proc-pid">PID ${p.pid}</span>
+      <span class="proc-sid">${esc(sid)}</span>
+      <span class="proc-cwd">${esc(p.cwd ?? "")}</span>
+    </div>`;
+  }).join("");
+}
+function renderSessionList(sessions, selectedId) {
+  return sessions.map((s) => {
+    const proj = (s.cwd ?? "").split("/").pop() ?? "\u2014";
+    const isActive = s.id === selectedId;
+    return `<div class="s-item${isActive ? " active" : ""}"
+      hx-get="/partial/detail/${s.id}" hx-target="#detail" hx-swap="innerHTML"
+      onclick="document.querySelectorAll('.s-item').forEach(e=>e.classList.remove('active'));this.classList.add('active')">
+      <div class="s-row">
+        <span class="s-icon">${s.complete ? "\u2705" : "\u23F8\uFE0F"}</span>
+        <div class="s-info">
+          <div class="s-title">${esc(proj)} \u2014 ${esc(s.summary || "(no summary)")}</div>
+          <div class="s-meta">
+            <span>${fmtDur(s.durationMs)}</span>
+            <span>${fmt(s.premiumRequests)} premium</span>
+            <span>${fmtAgo(s.endTime)}</span>
+            <span class="badge ${s.complete ? "badge-done" : "badge-stop"}">${s.complete ? "done" : "stopped"}</span>
+          </div>
+        </div>
+      </div>
+    </div>`;
+  }).join("");
+}
+function renderDetail(s) {
+  const proj = (s.cwd ?? "").split("/").pop() ?? "\u2014";
+  const totalTools = Object.values(s.toolUsage ?? {}).reduce((a, b) => a + b, 0);
+  const toolEntries = Object.entries(s.toolUsage ?? {}).sort((a, b) => b[1] - a[1]);
+  const maxTool = toolEntries[0]?.[1] ?? 1;
+  let html = "";
+  html += `<div class="detail-head">
+    <div class="detail-title">${esc(proj)}</div>
+    <div class="detail-id">${s.id}</div>
+  </div>`;
+  html += `<div class="detail-time">${fmtTime(s.startTime)} \u2192 ${fmtTime(s.endTime)}</div>`;
+  html += `<div class="detail-stats">
+    <div class="d-stat"><div class="d-stat-label">Duration</div><div class="d-stat-val">${fmtDur(s.durationMs)}</div></div>
+    <div class="d-stat"><div class="d-stat-label">User Msgs</div><div class="d-stat-val">${s.userMessages}</div></div>
+    <div class="d-stat"><div class="d-stat-label">Turns</div><div class="d-stat-val">${fmt(s.assistantTurns)}</div></div>
+    <div class="d-stat"><div class="d-stat-label">Tokens</div><div class="d-stat-val">${fmt(s.outputTokens)}</div></div>
+    <div class="d-stat"><div class="d-stat-label">Premium</div><div class="d-stat-val">${fmt(s.premiumRequests)}</div></div>
+    <div class="d-stat"><div class="d-stat-label">Tool Calls</div><div class="d-stat-val">${fmt(totalTools)}</div></div>
+  </div>`;
+  if (toolEntries.length > 0) {
+    html += `<div class="sub"><div class="sub-title">\u{1F527} Tools Used</div>`;
+    for (const [tool, count] of toolEntries.slice(0, 12)) {
+      const pct = Math.round(count / maxTool * 100);
+      html += `<div class="tool-row">
+        <span class="tool-name">${esc(tool)}</span>
+        <div class="tool-bar-bg"><div class="tool-bar" style="width:${pct}%"></div></div>
+        <span class="tool-count">${count}</span>
+      </div>`;
+    }
+    if (toolEntries.length > 12) html += `<div class="more">\u2026 +${toolEntries.length - 12} more</div>`;
+    html += `</div>`;
+  }
+  if (s.gitCommits.length > 0) {
+    html += `<div class="sub"><div class="sub-title">\u{1F500} Git Commits <span class="count">${s.gitCommits.length}</span></div><ul class="commit-list">`;
+    for (const msg of s.gitCommits.slice(0, 12)) {
+      const first = msg.split("\n")[0].slice(0, 80);
+      html += `<li><span class="c-dot">\u25CF</span><span>${esc(first)}</span></li>`;
+    }
+    if (s.gitCommits.length > 12) html += `<li class="more">\u2026 +${s.gitCommits.length - 12} more</li>`;
+    html += `</ul></div>`;
+  }
+  const files = [
+    ...s.filesCreated.map((f) => ({ path: f, type: "created" })),
+    ...s.filesEdited.map((f) => ({ path: f, type: "edited" }))
+  ];
+  if (files.length > 0) {
+    html += `<div class="sub"><div class="sub-title">\u{1F4C1} Files Changed <span class="count">${files.length}</span></div><ul class="file-list">`;
+    for (const f of files.slice(0, 25)) {
+      const cls = f.type === "created" ? "file-created" : "file-edited";
+      const icon = f.type === "created" ? "+" : "~";
+      html += `<li><span class="${cls}">${icon}</span> ${esc(shortPath(f.path, proj))}</li>`;
+    }
+    if (files.length > 25) html += `<li class="more">\u2026 +${files.length - 25} more</li>`;
+    html += `</ul></div>`;
+  }
+  if (s.taskCompletions.length > 0) {
+    html += `<div class="sub"><div class="sub-title">\u2705 Tasks Completed <span class="count">${s.taskCompletions.length}</span></div><ul class="task-list">`;
+    for (const t of s.taskCompletions.slice(0, 10)) {
+      const first = t.split("\n")[0].slice(0, 80);
+      html += `<li><span class="t-check">\u2714</span><span>${esc(first)}</span></li>`;
+    }
+    if (s.taskCompletions.length > 10) html += `<li class="more">\u2026 +${s.taskCompletions.length - 10} more</li>`;
+    html += `</ul></div>`;
+  }
+  if (s.errors.length > 0) {
+    html += `<div class="sub"><div class="sub-title" style="color:var(--red)">\u26A0\uFE0F Errors <span class="count">${s.errors.length}</span></div><ul class="error-list">`;
+    for (const e of s.errors.slice(0, 5)) {
+      html += `<li>${esc(e.slice(0, 100))}</li>`;
+    }
+    if (s.errors.length > 5) html += `<li class="more">\u2026 +${s.errors.length - 5} more</li>`;
+    html += `</ul></div>`;
+  }
+  return html;
+}
+
+// src/commands/web.ts
+function registerWebCommand(program2) {
+  program2.command("web").description("Launch web dashboard in browser").option("-p, --port <n>", "Port number", "3847").option("--no-open", "Do not auto-open browser").action((opts) => {
+    startWebServer(parseInt(opts.port, 10), opts.open !== false);
+  });
+}
+function getData() {
+  const sessions = listSessions(20);
+  const reports = sessions.map((s) => getSessionReport(s.id)).filter((r) => r !== null);
+  const processes = findCopilotProcesses();
+  return { sessions: reports, processes };
+}
+function startWebServer(port, autoOpen) {
+  const app = new Hono();
+  app.get("/api/sessions", (c) => c.json(getData()));
+  app.get("/api/session/:id", (c) => {
+    const report = getSessionReport(c.req.param("id"));
+    if (!report) return c.json({ error: "Not found" }, 404);
+    return c.json(report);
+  });
+  app.get("/events", (c) => {
+    return streamSSE(c, async (stream) => {
+      while (true) {
+        const { sessions, processes } = getData();
+        await stream.writeSSE({
+          event: "stats",
+          data: renderStats(sessions)
+        });
+        await stream.writeSSE({
+          event: "procs",
+          data: renderProcesses(processes)
+        });
+        await stream.writeSSE({
+          event: "proc-count",
+          data: String(processes.length)
+        });
+        await stream.sleep(5e3);
+      }
+    });
+  });
+  app.get("/partial/detail/:id", (c) => {
+    const report = getSessionReport(c.req.param("id"));
+    if (!report) return c.html('<div class="empty-detail">Session not found</div>');
+    return c.html(renderDetail(report));
+  });
+  app.get("/", (c) => {
+    const { sessions, processes } = getData();
+    const firstId = sessions[0]?.id;
+    return c.html(`${layoutHead}
+<body>
+  <div class="header">
+    <div class="header-left">
+      <h1>\u{1F916} <span>Copilot Agent</span></h1>
+      <div class="live-badge"><div class="live-dot"></div> Live</div>
+    </div>
+    <div class="clock" id="clock"></div>
+  </div>
+
+  <div class="container"
+    hx-ext="sse"
+    sse-connect="/events">
+
+    <div class="stats"
+      sse-swap="stats"
+      hx-swap="innerHTML">
+      ${renderStats(sessions)}
+    </div>
+
+    <div class="procs">
+      <div class="procs-header">
+        \u2B24 Active Processes <span class="count" sse-swap="proc-count" hx-swap="innerHTML">${processes.length}</span>
+      </div>
+      <div class="procs-body"
+        sse-swap="procs"
+        hx-swap="innerHTML">
+        ${renderProcesses(processes)}
+      </div>
+    </div>
+
+    <div class="main">
+      <div class="sidebar">
+        <div class="sidebar-header">
+          \u{1F4CB} Sessions <span class="count">${sessions.length}</span>
+        </div>
+        ${renderSessionList(sessions, firstId)}
+      </div>
+      <div class="detail" id="detail">
+        ${firstId ? renderDetail(sessions[0]) : '<div class="empty-detail">No sessions</div>'}
+      </div>
+    </div>
+  </div>
+
+  <script>
+    setInterval(() => {
+      document.getElementById('clock').textContent = new Date().toLocaleTimeString('en-GB');
+    }, 1000);
+    document.getElementById('clock').textContent = new Date().toLocaleTimeString('en-GB');
+  </script>
+</body>
+${layoutFoot}`);
+  });
+  try {
+    serve({ fetch: app.fetch, port }, () => {
+      const url = `http://localhost:${port}`;
+      ok(`Web dashboard \u2192 ${url}`);
+      info("Press Ctrl+C to stop");
+      if (autoOpen) {
+        spawn2("open", [url], { detached: true, stdio: "ignore" }).unref();
+      }
+    });
+  } catch (err) {
+    fail(`Server error: ${err instanceof Error ? err.message : err}`);
+    process.exit(1);
+  }
+}
+
 // src/index.ts
 var program = new Command();
-program.name("copilot-agent").version("0.5.0").description("Autonomous GitHub Copilot CLI agent \u2014 auto-resume, task discovery, overnight runs");
+program.name("copilot-agent").version("0.7.0").description("Autonomous GitHub Copilot CLI agent \u2014 auto-resume, task discovery, overnight runs");
 registerStatusCommand(program);
 registerWatchCommand(program);
 registerRunCommand(program);
 registerOvernightCommand(program);
 registerResearchCommand(program);
+registerReportCommand(program);
+registerDashboardCommand(program);
+registerWebCommand(program);
 program.parse();
 //# sourceMappingURL=index.js.map