pyre-cli 7.0.0 → 8.0.0

package/dist/index.js

@@ -1,783 +1,36 @@
 #!/usr/bin/env node
+import {
+  collectAll
+} from "./chunk-KBKXU2ZV.js";
+import {
+  CONFIG_FILE,
+  readConfig,
+  writeConfig
+} from "./chunk-RVGKEJXT.js";
+import "./chunk-GLH7EKAX.js";
 
 // src/index.ts
-import fs9 from "fs";
-import os5 from "os";
-import path6 from "path";
+import fs8 from "fs";
+import os3 from "os";
+import path5 from "path";
 import readline2 from "readline";
 import { Command } from "commander";
-import chalk13 from "chalk";
-
-// src/monitors/collectors.ts
-import chalk from "chalk";
-import os from "os";
-
-// src/monitors/run.ts
-import { exec } from "child_process";
-import { promisify } from "util";
-var execAsync = promisify(exec);
-async function run(cmd, fallback = "", timeout = 5e3) {
-  try {
-    return (await execAsync(cmd, { encoding: "utf8", timeout })).stdout.trim();
-  } catch {
-    return fallback;
-  }
-}
-
-// src/monitors/smc.ts
-var smcCache = null;
-async function getSmcMetrics() {
-  const now = Date.now();
-  if (smcCache && now - smcCache.ts < 4e3) return smcCache.data;
-  const result = { temps: {}, power: {}, freq: {} };
-  try {
-    const pm = (await run(
-      "sudo -n powermetrics --samplers smc,cpu_power -n 1 --format text 2>/dev/null",
-      ""
-    )).trim();
-    if (pm) {
-      const cpuTemp = pm.match(/CPU die temperature:\s*([\d.]+)/i);
-      if (cpuTemp) result.temps["cpu_die"] = parseFloat(cpuTemp[1]);
-      const gpuTemp = pm.match(/GPU die temperature:\s*([\d.]+)/i);
-      if (gpuTemp) result.temps["gpu_die"] = parseFloat(gpuTemp[1]);
-      const smcTemp = pm.match(/SMC die temperature:\s*([\d.]+)/i);
-      if (smcTemp) result.temps["smc_die"] = parseFloat(smcTemp[1]);
-      const cpuPower = pm.match(/CPU Power:\s*([\d.]+)\s*mW/i);
-      if (cpuPower) result.power.cpu = parseFloat(cpuPower[1]) / 1e3;
-      const gpuPower = pm.match(/GPU Power:\s*([\d.]+)\s*mW/i);
-      if (gpuPower) result.power.gpu = parseFloat(gpuPower[1]) / 1e3;
-      const combinedPower = pm.match(/Combined Power \(CPU \+ GPU.*?\):\s*([\d.]+)\s*mW/i);
-      if (combinedPower) result.power.combined = parseFloat(combinedPower[1]) / 1e3;
-      const eFreq = pm.match(/E-Cluster HW active frequency:\s*([\d.]+)/i);
-      if (eFreq) result.freq["e_cluster"] = parseFloat(eFreq[1]);
-      const pFreq = pm.match(/P-Cluster HW active frequency:\s*([\d.]+)/i);
-      if (pFreq) result.freq["p_cluster"] = parseFloat(pFreq[1]);
-      const cpuFreq = pm.match(/CPU HW active frequency:\s*([\d.]+)/i);
-      if (cpuFreq) result.freq["cpu"] = parseFloat(cpuFreq[1]);
-    }
-  } catch {
-  }
-  if (result.temps["cpu_die"] === void 0) {
-    try {
-      const ioregRaw = await run("ioreg -r -c AppleDeviceManagementHIDEventService 2>/dev/null", "");
-      if (ioregRaw) {
-        const matches = ioregRaw.matchAll(/"(?:PrimaryTemperature|Temperature)"\s*=\s*(\d+)/g);
-        for (const match of matches) {
-          let val = parseFloat(match[1]);
-          if (val > 1e3) val = val / 100;
-          if (val >= 15 && val <= 115) {
-            if (result.temps["cpu_die"] === void 0) result.temps["cpu_die"] = Math.round(val * 10) / 10;
-            else if (result.temps["gpu_die"] === void 0) result.temps["gpu_die"] = Math.round(val * 10) / 10;
-            else if (result.temps["smc_die"] === void 0) result.temps["smc_die"] = Math.round(val * 10) / 10;
-          }
-        }
-      }
-    } catch {
-    }
-  }
-  if (result.temps["cpu_die"] === void 0) {
-    try {
-      const tz0 = (await run("cat /sys/class/thermal/thermal_zone0/temp 2>/dev/null", "")).trim();
-      if (tz0) {
-        const rawVal = parseFloat(tz0);
-        const val = rawVal > 1e3 ? rawVal / 1e3 : rawVal;
-        if (val >= 10 && val <= 120) {
-          result.temps["cpu_die"] = Math.round(val * 10) / 10;
-        }
-      }
-    } catch {
-    }
-  }
-  if (result.temps["cpu_die"] === void 0) {
-    let loadUsage = 0;
-    try {
-      const top = await run("top -l 1 -n 0 2>/dev/null", "");
-      const m = top.match(/CPU usage:\s*[\d.]+\%\s*user,\s*[\d.]+\%\s*sys,\s*([\d.]+)\%\s*idle/);
-      if (m) loadUsage = Math.max(0, 100 - parseFloat(m[1]));
-    } catch {
-    }
-    const estCpu = Math.round((38 + loadUsage * 0.42) * 10) / 10;
-    result.temps["cpu_die"] = estCpu;
-    if (result.temps["gpu_die"] === void 0) {
-      result.temps["gpu_die"] = Math.max(32, Math.round((estCpu - 3) * 10) / 10);
-    }
-    if (result.temps["smc_die"] === void 0) {
-      result.temps["smc_die"] = Math.max(30, Math.round((estCpu - 6) * 10) / 10);
-    }
-  }
-  smcCache = { data: result, ts: now };
-  return result;
-}
-function parseSuffix(s) {
-  return s.toUpperCase() === "K" ? 1024 : s.toUpperCase() === "M" ? 1024 * 1024 : s.toUpperCase() === "G" ? 1024 * 1024 * 1024 : 1;
-}
-
-// src/monitors/collectors.ts
-var SP_TTL_MS = 1e4;
-var NETSTAT_TTL_MS = 1e3;
-var prevCpuTimes = null;
-var ROUTE_TTL_MS = 5e3;
-var SYSCTL_TTL_MS = 6e4;
-var spGpuCache = null;
-var spBatteryCache = null;
-var netstatIbCache = null;
-var routeCache = null;
-var sysctlCache = /* @__PURE__ */ new Map();
-async function cachedSysctl(key, fallback) {
-  const now = Date.now();
-  const hit = sysctlCache.get(key);
-  if (hit && now - hit.ts < SYSCTL_TTL_MS) return hit.value;
-  const value = await run(`sysctl -n ${key}`, fallback);
-  sysctlCache.set(key, { value, ts: now });
-  return value;
-}
-async function cachedNetstatIb() {
-  const now = Date.now();
-  if (netstatIbCache && now - netstatIbCache.ts < NETSTAT_TTL_MS) return netstatIbCache.raw;
-  const raw = await run("netstat -ib");
-  netstatIbCache = { raw, ts: now };
-  return raw;
-}
-async function cachedRouteIface() {
-  const now = Date.now();
-  if (routeCache && now - routeCache.ts < ROUTE_TTL_MS) return routeCache;
-  const primary = (await run("route -n get default")).trim();
-  const ifaceMatch = primary.match(/interface:\s+(\S+)/);
-  const iface = ifaceMatch?.[1] || "en0";
-  let ip = "0.0.0.0";
-  try {
-    const ifconfig = (await run(`ifconfig ${iface}`)).trim();
-    const ipMatch = ifconfig.match(/inet\s+([\d.]+)\s+netmask/);
-    if (ipMatch) ip = ipMatch[1];
-  } catch {
-  }
-  routeCache = { iface, ip, ts: now };
-  return routeCache;
-}
-var BATTERY_WINDOW_MS = 15 * 60 * 1e3;
-var MIN_ESTIMATE_WINDOW_MS = 30 * 1e3;
-var prevBattery = { samples: [] };
-function estimateBatteryLife(level, state2) {
-  const now = Date.now();
-  if (state2 === "charged" || state2 === "charging") {
-    prevBattery.samples = [];
-    return {};
-  }
-  prevBattery.samples.push({ level, ts: now });
-  prevBattery.samples = prevBattery.samples.filter((s) => now - s.ts <= BATTERY_WINDOW_MS);
-  const first = prevBattery.samples[0];
-  const elapsedMs = now - first.ts;
-  if (elapsedMs < MIN_ESTIMATE_WINDOW_MS) {
-    return {};
-  }
-  const dtHours = Math.max(elapsedMs / 1e3 / 3600, 1e-4);
-  const discharged = first.level - level;
-  if (discharged <= 0) {
-    return { estimatedTimeToEmpty: "calculating" };
-  }
-  const dischargeRate = discharged / dtHours;
-  const remainingLevel = Math.max(level, 0);
-  const hoursToEmpty = remainingLevel / dischargeRate;
-  const h = Math.floor(hoursToEmpty);
-  const m = Math.round((hoursToEmpty - h) * 60);
-  const estimatedTimeToEmpty = hoursToEmpty > 0 ? `${h}h ${m}m` : "calculating";
-  const ASSUMED_CAPACITY_WH = 55;
-  const powerWatts = Math.round(dischargeRate * (ASSUMED_CAPACITY_WH / 100) * 100) / 100;
-  return { estimatedTimeToEmpty, dischargeRatePerHour: Math.round(dischargeRate * 10) / 10, powerWatts };
-}
-async function collectAll(opts2 = {}) {
-  const [cpu, gpu, memory, disk, battery, thermal, network, processes, system, power, packets, tasks] = await Promise.all([
-    collectCpu(),
-    collectGpu(opts2.detailed),
-    collectMemory(),
-    collectDisk(),
-    collectBattery(),
-    collectThermal(opts2.detailed),
-    collectNetwork(),
-    collectProcesses(opts2.processLimit),
-    collectSystem(),
-    collectPower(),
-    collectPackets(),
-    collectTasks()
-  ]);
-  return {
-    header: {
-      title: chalk.hex("#ff5500").bold("PYRE"),
-      hostname: system.hostname,
-      os: system.os,
-      uptime: system.uptime
-    },
-    cpu,
-    gpu,
-    memory,
-    disk,
-    battery,
-    thermal,
-    network,
-    processes,
-    power,
-    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-    packets,
-    tasks
-  };
-}
-async function collectPower() {
-  try {
-    const { power } = await getSmcMetrics();
-    if (power.cpu !== void 0 || power.gpu !== void 0 || power.combined !== void 0) {
-      return { cpuWatts: power.cpu, gpuWatts: power.gpu, combinedWatts: power.combined };
-    }
-  } catch {
-  }
-  try {
-    const ioreg = (await run("ioreg -rn AppleSmartBattery 2>/dev/null")).trim();
-    const ampMatch = ioreg.match(/"InstantAmperage"\s*=\s*(-?\d+)/);
-    const voltMatch = ioreg.match(/"Voltage"\s*=\s*(\d+)/);
-    if (ampMatch && voltMatch) {
-      let ampsBig = BigInt(ampMatch[1]);
-      if (!ampMatch[1].startsWith("-")) {
-        const UINT64_MAX_PLUS_1 = 1n << 64n;
-        const INT64_MAX = (1n << 63n) - 1n;
-        if (ampsBig > INT64_MAX) ampsBig -= UINT64_MAX_PLUS_1;
-      }
-      const amps = Number(ampsBig);
-      const volts = parseInt(voltMatch[1], 10) / 1e3;
-      const watts = Math.abs(amps / 1e3 * volts);
-      if (Number.isFinite(watts) && watts < 500) {
-        return { combinedWatts: Math.round(watts * 100) / 100 };
-      }
-    }
-  } catch {
-  }
-  return null;
-}
-async function collectGpu(detailed) {
-  let spRaw = "";
-  const now = Date.now();
-  if (spGpuCache && now - spGpuCache.ts < SP_TTL_MS) {
-    spRaw = spGpuCache.raw;
-  } else {
-    spRaw = (await run("system_profiler SPDisplaysDataType 2>/dev/null")).trim();
-    spGpuCache = { raw: spRaw, ts: now };
-  }
-  let model = "Unknown";
-  let memory = 0;
-  if (spRaw) {
-    const modelMatch = spRaw.match(/(?:Chipset Model|Model|Device Name):\s*(.+)/i);
-    if (modelMatch) model = modelMatch[1].trim();
-    const memMatch = spRaw.match(/(?:VRAM \(Total\)|VRAM \(Dynamic, Max\)|Shared System Memory|Memory|VRAM):\s*([0-9.]+\s*[KMGT]?B)/i);
-    if (memMatch) {
-      const memStr = memMatch[1].trim();
-      const memNum = parseFloat(memStr);
-      if (/GB/i.test(memStr)) memory = memNum * 1024 * 1024 * 1024;
-      else if (/MB/i.test(memStr)) memory = memNum * 1024 * 1024;
-      else if (/KB/i.test(memStr)) memory = memNum * 1024;
-    }
-  } else {
-    try {
-      const nvRaw = (await run("nvidia-smi --query-gpu=gpu_name,memory.total,utilization.gpu --format=csv,noheader,nounits 2>/dev/null", "")).trim();
-      if (nvRaw) {
-        const parts = nvRaw.split(",").map((s) => s.trim());
-        if (parts.length >= 3) {
-          model = parts[0];
-          memory = (parseFloat(parts[1]) || 0) * 1024 * 1024;
-          const utilization2 = Math.min(100, Math.max(0, Math.round(parseFloat(parts[2]) || 0)));
-          return { model, memory, utilization: utilization2, processes: 0 };
-        }
-      }
-    } catch {
-    }
-    return null;
-  }
-  if (memory === 0) {
-    try {
-      const memSizeStr = await cachedSysctl("hw.memsize", "0");
-      const totalBytes = parseInt(memSizeStr, 10) || 0;
-      if (totalBytes > 0) {
-        memory = totalBytes;
-      }
-    } catch {
-    }
-  }
-  let utilization = 0;
-  let temperature;
-  let gpuProcesses = 0;
-  try {
-    const ioregRaw = await run("ioreg -r -c IOAccelerator 2>/dev/null", "");
-    if (ioregRaw) {
-      const devUtilMatch = ioregRaw.match(/"Device Utilization %"\s*=\s*([\d.]+)/i);
-      const gpuCoreMatch = ioregRaw.match(/"gpu-core-utilization"\s*=\s*([\d.]+)/i);
-      const gpuActMatch = ioregRaw.match(/"GPU Activity"\s*=\s*([\d.]+)/i);
-      const gpuBusyMatch = ioregRaw.match(/"GPU Busy"\s*=\s*([\d.]+)/i);
-      if (devUtilMatch) {
-        utilization = Math.min(100, Math.round(parseFloat(devUtilMatch[1])));
-      } else if (gpuCoreMatch) {
-        const val = parseFloat(gpuCoreMatch[1]);
-        utilization = val > 100 ? Math.min(100, Math.round(val / 1e4)) : Math.min(100, Math.round(val));
-      } else if (gpuActMatch) {
-        const val = parseFloat(gpuActMatch[1]);
-        utilization = val > 100 ? Math.min(100, Math.round(val / 1e4)) : Math.min(100, Math.round(val));
-      } else if (gpuBusyMatch) {
-        utilization = Math.min(100, Math.round(parseFloat(gpuBusyMatch[1])));
-      }
-    }
-  } catch {
-  }
-  if (utilization === 0) {
-    try {
-      const pm = (await run("sudo -n powermetrics --samplers gpu_power -n 1 --format text 2>/dev/null", "")).trim();
-      if (pm) {
-        const hwRes = pm.match(/GPU HW active residency:\s*([\d.]+)%/i);
-        const actRes = pm.match(/GPU active residency:\s*([\d.]+)%/i);
-        const gpuUtilMatch = pm.match(/GPU utilization:\s*([\d.]+)%/i) || pm.match(/GPU usage:\s*([\d.]+)%/i);
-        const idleRes = pm.match(/GPU idle residency:\s*([\d.]+)%/i);
-        const gpuPowerMatch = pm.match(/GPU Power:\s*([\d.]+)\s*mW/i);
-        if (hwRes) {
-          utilization = Math.min(100, Math.round(parseFloat(hwRes[1])));
-        } else if (actRes) {
-          utilization = Math.min(100, Math.round(parseFloat(actRes[1])));
-        } else if (gpuUtilMatch) {
-          utilization = Math.min(100, Math.round(parseFloat(gpuUtilMatch[1])));
-        } else if (idleRes) {
-          utilization = Math.max(0, Math.min(100, Math.round(100 - parseFloat(idleRes[1]))));
-        } else if (gpuPowerMatch) {
-          const mw = parseFloat(gpuPowerMatch[1]);
-          if (mw > 0) {
-            utilization = Math.min(100, Math.max(1, Math.round(mw / 50)));
-          }
-        }
-      }
-    } catch {
-    }
-  }
-  try {
-    const { temps, power } = await getSmcMetrics();
-    if (temps.gpu_die !== void 0) temperature = temps.gpu_die;
-    if (utilization === 0 && power.gpu !== void 0 && power.gpu > 0) {
-      utilization = Math.min(100, Math.max(1, Math.round(power.gpu * 5)));
-    }
-  } catch {
-  }
-  try {
-    const psRaw = (await run('ps aux | grep -iE "[g]pu|[m]etal|[w]indowserver" | wc -l', "0")).trim();
-    gpuProcesses = parseInt(psRaw, 10) || 0;
-  } catch {
-  }
-  return { model, memory, utilization, temperature, processes: gpuProcesses };
-}
-async function collectSystem() {
-  const hostname = (await run("hostname", "Mac")).trim();
-  const osRaw = (await run("sw_vers -productVersion", "Unknown")).trim();
-  const uptimeRaw = (await run("uptime")).trim();
-  const uptimeMatch = uptimeRaw.match(/up\s+(.*?),\s+\d+\s+users/);
-  return {
-    hostname,
-    os: `macOS ${osRaw}`,
-    uptime: uptimeMatch ? uptimeMatch[1] : uptimeRaw
-  };
-}
-async function collectCpu() {
-  const brand = (await cachedSysctl("machdep.cpu.brand_string", "Unknown CPU")).trim();
-  const cores = parseInt(await cachedSysctl("hw.ncpu", "1")) || 1;
-  const physicalCores = parseInt(await cachedSysctl("hw.physicalcpu", String(cores))) || cores;
-  const frequencyHz = parseInt(await cachedSysctl("hw.cpufrequency", "0"));
-  let frequency = frequencyHz > 0 ? Math.round(frequencyHz / 1e6) : 0;
-  if (frequency === 0) {
-    try {
-      const { freq } = await getSmcMetrics();
-      const values = Object.values(freq);
-      if (values.length) {
-        frequency = Math.round(Math.max(...values) / 1e6);
-      }
-    } catch {
-    }
-  }
-  let usage = 0;
-  try {
-    const top = (await run("top -l 1 -n 0")).trim();
-    const cpuLine = top.match(/CPU usage:\s*[\d.]+%\s*user,\s*[\d.]+%\s*sys,\s*([\d.]+)%\s*idle/);
-    if (cpuLine) {
-      const idle = parseFloat(cpuLine[1]);
-      usage = Math.round(100 - idle);
-    }
-  } catch {
-  }
-  const loadAvgStr = (await run("sysctl -n vm.loadavg", "0.00 0.00 0.00")).trim();
-  const loadAvg = loadAvgStr.match(/\{ (.+?) \}/)?.[1].split(" ").map(Number) || [0, 0, 0];
-  let temperature;
-  try {
-    const { temps } = await getSmcMetrics();
-    if (temps.cpu_die !== void 0) temperature = temps.cpu_die;
-  } catch {
-  }
-  let coreUsage = [];
-  try {
-    const cpus = os.cpus();
-    const current = cpus.map((cpu) => ({
-      total: cpu.times.user + cpu.times.nice + cpu.times.sys + cpu.times.idle + cpu.times.irq,
-      idle: cpu.times.idle
-    }));
-    if (prevCpuTimes) {
-      coreUsage = prevCpuTimes.map((prev, i) => {
-        const totalDelta = current[i].total - prev.total;
-        const idleDelta = current[i].idle - prev.idle;
-        if (totalDelta === 0) return 0;
-        return Math.round((totalDelta - idleDelta) / totalDelta * 100);
-      });
-    }
-    prevCpuTimes = current;
-  } catch {
-  }
-  return { brand, cores, physicalCores, frequency, usage, loadAvg, temperature, coreUsage };
-}
-async function collectMemory() {
-  const totalBytes = parseInt(await cachedSysctl("hw.memsize", "0")) || 0;
-  const pageSize = parseInt(await cachedSysctl("hw.pagesize", "4096")) || 4096;
-  const vmStat = (await run("vm_stat")).trim();
-  const getPageCount = (label) => {
-    const m = vmStat.match(new RegExp(`Pages\\s+${label}:\\s+(\\d+)\\.`));
-    return m ? parseInt(m[1]) : 0;
-  };
-  const freePages = getPageCount("free");
-  const activePages = getPageCount("active");
-  const inactivePages = getPageCount("inactive");
-  const wiredPages = getPageCount("wired down");
-  const compressedPages = getPageCount("occupied by compressor");
-  const free = freePages * pageSize;
-  const used = (activePages + inactivePages + wiredPages + compressedPages) * pageSize;
-  const usagePercent = totalBytes > 0 ? Math.round(used / totalBytes * 100) : 0;
-  let swapTotal = 0;
-  let swapUsed = 0;
-  let swapFree = 0;
-  try {
-    const swapRaw = (await run("sysctl -n vm.swapusage")).trim();
-    const swapMatch = swapRaw.match(
-      /total\s*=\s*([\d.]+)([KMGkmg])\s+used\s*=\s*([\d.]+)([KMGkmg])\s+free\s*=\s*([\d.]+)([KMGkmg])/
-    );
-    if (swapMatch) {
-      swapTotal = parseFloat(swapMatch[1]) * parseSuffix(swapMatch[2]);
-      swapUsed = parseFloat(swapMatch[3]) * parseSuffix(swapMatch[4]);
-      swapFree = parseFloat(swapMatch[5]) * parseSuffix(swapMatch[6]);
-    }
-  } catch {
-  }
-  return {
-    total: totalBytes,
-    used,
-    free,
-    swapTotal,
-    swapUsed,
-    swapFree,
-    pageSize,
-    usagePercent
-  };
-}
-var cachedDiskIo = null;
-async function getDiskIoRates() {
-  const now = Date.now();
-  if (cachedDiskIo && now - cachedDiskIo.ts < 1e3) {
-    return { readBytesSec: cachedDiskIo.readBytesSec, writeBytesSec: cachedDiskIo.writeBytesSec };
-  }
-  try {
-    const raw = (await run("iostat -d -c 2 1 2", "")).trim();
-    const blocks = raw.split(/\n\s*\n/).filter(Boolean);
-    const targetBlock = blocks.length > 1 ? blocks[1] : blocks[0];
-    if (targetBlock) {
-      const lines = targetBlock.trim().split("\n");
-      if (lines.length >= 2) {
-        const dataLine = lines[lines.length - 1].trim();
-        const parts = dataLine.split(/\s+/);
-        if (parts.length >= 3) {
-          const mbSec = parseFloat(parts[2]);
-          if (!isNaN(mbSec)) {
-            const bytesSec = Math.round(mbSec * 1024 * 1024);
-            cachedDiskIo = { readBytesSec: Math.round(bytesSec * 0.6), writeBytesSec: Math.round(bytesSec * 0.4), ts: now };
-            return { readBytesSec: cachedDiskIo.readBytesSec, writeBytesSec: cachedDiskIo.writeBytesSec };
-          }
-        }
-      }
-    }
-  } catch {
-  }
-  return { readBytesSec: 0, writeBytesSec: 0 };
-}
-async function collectDisk() {
-  const [rawDf, ioRates] = await Promise.all([
-    run("df -h"),
-    getDiskIoRates()
-  ]);
-  const lines = rawDf.trim().split("\n").slice(1);
-  return lines.map((line) => {
-    const parts = line.split(/\s+/);
-    return {
-      filesystem: parts[0],
-      size: parts[1],
-      used: parts[2],
-      available: parts[3],
-      capacity: parts[4],
-      mountpoint: parts[5] || parts[6] || "/",
-      readBytesSec: ioRates.readBytesSec,
-      writeBytesSec: ioRates.writeBytesSec
-    };
-  }).filter((d) => d.filesystem.includes("/") || d.size.includes("G") || d.size.includes("T"));
-}
-async function collectBattery() {
-  try {
-    const raw = (await run("pmset -g batt")).trim();
-    if (!raw.includes("Battery Power") && !raw.includes("AC Power")) return null;
-    const levelMatch = raw.match(/(\d+)%/);
-    const stateMatch = raw.match(/;\s*(charging|discharging|charged|finishing charge|attached to charger)/i);
-    const timeMatch = raw.match(/:\s*([\d:]+)\s+remaining/i) || raw.match(/(\d+:\d+)\s+remaining/i);
-    const powerPlugged = raw.includes("AC Power") || raw.includes("attached to charger");
-    const level = levelMatch ? parseInt(levelMatch[1]) : 0;
-    const state2 = powerPlugged ? "charged" : stateMatch ? stateMatch[1].toLowerCase() : "discharging";
-    const timeRemaining = timeMatch ? timeMatch[1] : powerPlugged ? "\u221E" : "calculating";
-    let cycles;
-    let condition;
-    let maxCapacityPercent;
-    try {
-      const now = Date.now();
-      let battInfo;
-      if (spBatteryCache && now - spBatteryCache.ts < SP_TTL_MS) {
-        battInfo = spBatteryCache.raw;
-      } else {
-        battInfo = (await run("system_profiler SPPowerDataType 2>/dev/null")).trim();
-        spBatteryCache = { raw: battInfo, ts: now };
-      }
-      const cycleMatch = battInfo.match(/Cycle Count:\s+(\d+)/);
-      if (cycleMatch) cycles = parseInt(cycleMatch[1]);
-      const conditionMatch = battInfo.match(/Condition:\s+(.+)/);
-      if (conditionMatch) condition = conditionMatch[1].trim();
-      const maxCapMatch = battInfo.match(/Maximum Capacity:\s+(\d+)%/);
-      if (maxCapMatch) {
-        maxCapacityPercent = parseInt(maxCapMatch[1]);
-      } else {
-        const fullMatch = battInfo.match(/Full Charge Capacity[^\d]*(\d+)/i);
-        const designMatch = battInfo.match(/Design Capacity[^\d]*(\d+)/i);
-        if (fullMatch && designMatch) {
-          const full = parseInt(fullMatch[1]);
-          const design = parseInt(designMatch[1]);
-          if (design > 0) maxCapacityPercent = Math.round(full / design * 100);
-        }
-      }
-    } catch {
-    }
-    const healthParts = [];
-    if (condition) healthParts.push(condition);
-    if (maxCapacityPercent !== void 0) healthParts.push(`${maxCapacityPercent}% capacity`);
-    if (cycles !== void 0) healthParts.push(`${cycles} cycles`);
-    const health = healthParts.length ? healthParts.join(", ") : "unknown";
-    const estimate = estimateBatteryLife(level, state2);
-    return {
-      level,
-      state: state2,
-      timeRemaining,
-      health,
-      powerSource: powerPlugged ? "AC" : "Battery",
-      cycles,
-      condition,
-      maxCapacityPercent,
-      ...estimate
-    };
-  } catch {
-    return null;
-  }
-}
-function pressureFromState(state2) {
-  const s = state2.toLowerCase();
-  if (s.includes("critical")) return 3;
-  if (s.includes("serious") || s.includes("heavy")) return 2;
-  if (s.includes("fair") || s.includes("moderate")) return 1;
-  return 0;
-}
-async function collectThermal(detailed) {
-  try {
-    const therm = (await run("pmset -g therm", "")).trim();
-    let state2 = "Unknown";
-    let detail = therm || "No pmset thermal data";
-    const stateMatch = therm.match(/Thermal state:\s*(.+)/i);
-    if (stateMatch) {
-      const raw = stateMatch[1].trim();
-      state2 = /0|no warning|normal/i.test(raw) ? "Nominal" : raw;
-      detail = state2;
-    } else {
-      const limitMatch = therm.match(
-        /CPU_(?:Speed|Scheduler)_Limit\s*(?:=|:)\s*([\d.]+)/i
-      );
-      if (limitMatch) {
-        const limit = parseFloat(limitMatch[1]);
-        if (limit >= 100) state2 = "Nominal";
-        else if (limit >= 85) state2 = "Fair";
-        else if (limit >= 50) state2 = "Serious";
-        else state2 = "Critical";
-        detail = `${state2} (CPU limit ${limit}%)`;
-      } else if (/no thermal warning level has been recorded/i.test(therm)) {
-        state2 = "Nominal";
-        detail = "Nominal (no thermal warning recorded)";
-      }
-    }
-    const temperatures = {};
-    let cpuDieTemp;
-    try {
-      const { temps } = await getSmcMetrics();
-      cpuDieTemp = temps.cpu_die;
-      if (temps.cpu_die !== void 0) temperatures["cpu_die"] = temps.cpu_die;
-      if (temps.gpu_die !== void 0) temperatures["gpu_die"] = temps.gpu_die;
-      if (temps.smc_die !== void 0) temperatures["smc_die"] = temps.smc_die;
-      for (const [k, v] of Object.entries(temps)) {
-        if (temperatures[k] === void 0 && v !== void 0) {
-          temperatures[k] = v;
-        }
-      }
-    } catch {
-    }
-    if (state2 === "Unknown" && cpuDieTemp !== void 0) {
-      if (cpuDieTemp >= 100) state2 = "Critical";
-      else if (cpuDieTemp >= 90) state2 = "Serious";
-      else if (cpuDieTemp >= 80) state2 = "Fair";
-      else state2 = "Nominal";
-      detail = `${state2} (estimated from ${cpuDieTemp}\xB0C)`;
-    }
-    return {
-      state: state2,
-      detail,
-      pressureLevel: pressureFromState(state2),
-      temperatures: Object.keys(temperatures).length ? temperatures : void 0
-    };
-  } catch {
-    return { state: "Unknown", pressureLevel: 0, error: "Thermal info unavailable on this system" };
-  }
-}
-async function collectNetwork() {
-  try {
-    const { iface, ip } = await cachedRouteIface();
-    const netStat = await cachedNetstatIb();
-    let rxBytes = 0;
-    let txBytes = 0;
-    let rxPackets = 0;
-    let txPackets = 0;
-    for (const line of netStat.split("\n")) {
-      if (line.startsWith(iface) || line.startsWith(iface + ":")) {
-        const parts = line.split(/\s+/);
-        if (parts.length >= 9) {
-          rxPackets += parseInt(parts[4]) || 0;
-          rxBytes += parseInt(parts[5]) || 0;
-          txPackets += parseInt(parts[6]) || 0;
-          txBytes += parseInt(parts[7]) || 0;
-        }
-      }
-    }
-    return { interface: iface, ip, rxBytes, txBytes, rxPackets, txPackets };
-  } catch {
-    return { interface: "unknown", ip: "0.0.0.0", rxBytes: 0, txBytes: 0, rxPackets: 0, txPackets: 0 };
-  }
-}
-async function collectProcesses(limit) {
-  try {
-    const isMac = process.platform === "darwin";
-    const sortArg = isMac ? "-r" : "--sort=-pcpu";
-    const headClause = limit && limit > 0 ? ` | head -n ${limit + 1}` : "";
-    const raw = (await run(`ps -eo pid,ppid,user,pcpu,pmem,state,time,comm ${sortArg}${headClause}`)).trim();
-    const lines = raw.split("\n").slice(1);
-    return lines.map((line) => {
-      const parts = line.match(/\s*(\d+)\s+(\d+)\s+(\S+)\s+([\d.]+)\s+([\d.]+)\s+(\S+)\s+([\d:.]+)\s+(.+)/);
-      if (!parts) return null;
-      const runtimeSec = parts[7].split(":").reduce((acc, val, idx) => acc + parseInt(val) * Math.pow(60, 2 - idx), 0);
-      return { pid: parseInt(parts[1]), ppid: parseInt(parts[2]), user: parts[3], cpu: parseFloat(parts[4]), mem: parseFloat(parts[5]), state: parts[6], threads: 0, runtime: runtimeSec, command: parts[8] };
-    }).filter((p) => p !== null && p.pid > 0);
-  } catch {
-    return [];
-  }
-}
-async function collectPackets() {
-  try {
-    const netStat = await cachedNetstatIb();
-    const lines = netStat.split("\n").slice(1);
-    let totalRxPackets = 0;
-    let totalTxPackets = 0;
-    let totalRxBytes = 0;
-    let totalTxBytes = 0;
-    const ifaceStats = [];
-    for (const line of lines) {
-      const parts = line.split(/\s+/);
-      if (parts.length >= 11 && parts[0] && !parts[0].startsWith("Name")) {
-        const iface = parts[0];
-        const rxPackets = parseInt(parts[4]) || 0;
-        const rxBytes = parseInt(parts[5]) || 0;
-        const txPackets = parseInt(parts[6]) || 0;
-        const txBytes = parseInt(parts[7]) || 0;
-        totalRxPackets += rxPackets;
-        totalTxPackets += txPackets;
-        totalRxBytes += rxBytes;
-        totalTxBytes += txBytes;
-        if (iface && !iface.includes("lo")) {
-          ifaceStats.push({ iface, rxPackets, txPackets, rxBytes, txBytes });
-        }
-      }
-    }
-    let connections = 0;
-    try {
-      const tcpConns = (await run("netstat -an | grep ESTABLISHED | wc -l", "0")).trim();
-      connections = parseInt(tcpConns) || 0;
-    } catch {
-      connections = 0;
-    }
-    let topProcesses = [];
-    let allProcesses = [];
-    try {
-      const lsof = (await run("lsof -i -n -P 2>/dev/null | tail -n +2 | awk '{print $1, $2}' | sort | uniq -c | sort -rn", "")).trim();
-      const lsofLines = lsof.split("\n");
-      topProcesses = lsofLines.map((line) => {
-        const parts = line.trim().split(/\s+/);
-        if (parts.length >= 3) {
-          return { pid: parseInt(parts[2]) || 0, command: parts[1], rxBytes: 0, txBytes: parseInt(parts[0]) || 0 };
-        }
-        return { pid: 0, command: "", rxBytes: 0, txBytes: 0 };
-      }).filter((p) => p.pid > 0);
-      allProcesses = topProcesses;
-    } catch {
-      topProcesses = [];
-      allProcesses = [];
-    }
-    return {
-      totalPackets: totalRxPackets + totalTxPackets,
-      rxPackets: totalRxPackets,
-      txPackets: totalTxPackets,
-      rxRate: 0,
-      txRate: 0,
-      connections,
-      topProcesses,
-      interfaces: ifaceStats,
-      allProcesses
-    };
-  } catch {
-    return null;
-  }
-}
-async function collectTasks(limit = 12) {
-  try {
-    const isMac = process.platform === "darwin";
-    const sortArg = isMac ? "-r" : "--sort=-pcpu";
-    const raw = (await run(`ps -eo pid,user,pcpu,pmem,state,time,comm ${sortArg} | head -n ${limit + 1}`)).trim();
-    const lines = raw.split("\n").slice(1);
-    return lines.map((line) => {
-      const parts = line.match(/\s*(\d+)\s+(\S+)\s+([\d.]+)\s+([\d.]+)\s+(\S+)\s+([\d:.]+)\s+(.+)/);
-      if (!parts) return null;
-      const runtimeSec = parts[6].split(":").reduce((acc, val, idx) => acc + parseInt(val) * Math.pow(60, 2 - idx), 0);
-      return { pid: parseInt(parts[1]), user: parts[2], cpu: parseFloat(parts[3]), mem: parseFloat(parts[4]), state: parts[5], runtime: runtimeSec, command: parts[7] };
-    }).filter((t) => t !== null && t.pid > 0);
-  } catch {
-    return [];
-  }
-}
+import chalk12 from "chalk";
 
 // src/formatters/render.ts
-import chalk3 from "chalk";
+import chalk2 from "chalk";
 
 // src/sparkline.ts
 var BLOCKS = " \u2582\u2583\u2584\u2585\u2586\u2587\u2588";
 function sparkline(values, opts2 = {}) {
   if (!values.length) return "";
+  if (opts2.plainText) {
+    const first = values[0];
+    const last = values[values.length - 1];
+    const diff = last - first;
+    const sign = diff >= 0 ? "+" : "";
+    return `[${first.toFixed(1)} -> ${last.toFixed(1)} (\u0394:${sign}${diff.toFixed(1)})]`;
+  }
   let min = opts2.min ?? Infinity;
   let max = opts2.max ?? -Infinity;
   if (opts2.min === void 0 || opts2.max === void 0) {
@@ -793,7 +46,7 @@ function sparkline(values, opts2 = {}) {
     return BLOCKS[clamped];
   }).join("");
 }
-function multiRowSparkline(values, height, opts2 = {}) {
+function multiRowBrailleGraph(values, height, opts2 = {}) {
   if (!values.length || height <= 0) return Array(height).fill("");
   let min = opts2.min ?? Infinity;
   let max = opts2.max ?? -Infinity;
@@ -804,20 +57,26 @@ function multiRowSparkline(values, height, opts2 = {}) {
     }
   }
   const range = max - min || 1;
-  const levels = height * 8;
+  const levels = height * 4;
+  const dotsCol0 = [64, 4, 2, 1];
+  const dotsCol1 = [128, 32, 16, 8];
   const rows = Array.from({ length: height }, () => []);
-  for (const v of values) {
-    const rawSteps = Math.round((v - min) / range * levels);
-    const totalSteps = Math.min(levels, Math.max(0, rawSteps));
+  for (let i = 0; i < values.length; i += 2) {
+    const v0 = values[i];
+    const v1 = i + 1 < values.length ? values[i + 1] : v0;
+    const rawSteps0 = Math.round((v0 - min) / range * levels);
+    const totalSteps0 = Math.min(levels, Math.max(0, rawSteps0));
+    const rawSteps1 = Math.round((v1 - min) / range * levels);
+    const totalSteps1 = Math.min(levels, Math.max(0, rawSteps1));
     for (let r = 0; r < height; r++) {
       const rowFromBottom = height - 1 - r;
-      const minForThisRow = rowFromBottom * 8;
-      const stepsInThisRow = Math.min(8, Math.max(0, totalSteps - minForThisRow));
-      if (stepsInThisRow === 0) {
-        rows[r].push(" ");
-      } else {
-        rows[r].push(BLOCKS[stepsInThisRow]);
-      }
+      const minForThisRow = rowFromBottom * 4;
+      const stepsInThisRow0 = Math.min(4, Math.max(0, totalSteps0 - minForThisRow));
+      const stepsInThisRow1 = Math.min(4, Math.max(0, totalSteps1 - minForThisRow));
+      let code = 10240;
+      for (let d = 0; d < stepsInThisRow0; d++) code |= dotsCol0[d];
+      for (let d = 0; d < stepsInThisRow1; d++) code |= dotsCol1[d];
+      rows[r].push(String.fromCharCode(code));
     }
   }
   return rows.map((r) => r.join(""));
@@ -850,93 +109,93 @@ function brailleGraph(values, opts2 = {}) {
 }
 
 // src/formatters/themes.ts
-import chalk2 from "chalk";
+import chalk from "chalk";
 import fs from "fs";
-import os2 from "os";
+import os from "os";
 import path from "path";
 var BUILTIN_THEMES = {
   default: {
-    border: chalk2.hex("#4b5563"),
-    cpu: chalk2.hex("#22d3ee"),
-    mem: chalk2.hex("#a78bfa"),
-    gpu: chalk2.hex("#f472b6"),
-    power: chalk2.hex("#fbbf24"),
-    battery: chalk2.hex("#34d399"),
-    thermal: chalk2.hex("#fb923c"),
-    network: chalk2.hex("#60a5fa"),
-    disk: chalk2.hex("#f472b6"),
-    graphs: chalk2.hex("#22d3ee"),
-    process: chalk2.hex("#e5e7eb")
+    border: chalk.hex("#4b5563"),
+    cpu: chalk.hex("#22d3ee"),
+    mem: chalk.hex("#a78bfa"),
+    gpu: chalk.hex("#f472b6"),
+    power: chalk.hex("#fbbf24"),
+    battery: chalk.hex("#34d399"),
+    thermal: chalk.hex("#fb923c"),
+    network: chalk.hex("#60a5fa"),
+    disk: chalk.hex("#f472b6"),
+    graphs: chalk.hex("#22d3ee"),
+    process: chalk.hex("#e5e7eb")
   },
   dracula: {
-    border: chalk2.hex("#6272a4"),
-    cpu: chalk2.hex("#8be9fd"),
-    mem: chalk2.hex("#bd93f9"),
-    gpu: chalk2.hex("#ff5555"),
-    power: chalk2.hex("#f1fa8c"),
-    battery: chalk2.hex("#50fa7b"),
-    thermal: chalk2.hex("#ffb86c"),
-    network: chalk2.hex("#ff79c6"),
-    disk: chalk2.hex("#ff5555"),
-    graphs: chalk2.hex("#8be9fd"),
-    process: chalk2.hex("#f8f8f2")
+    border: chalk.hex("#6272a4"),
+    cpu: chalk.hex("#8be9fd"),
+    mem: chalk.hex("#bd93f9"),
+    gpu: chalk.hex("#ff5555"),
+    power: chalk.hex("#f1fa8c"),
+    battery: chalk.hex("#50fa7b"),
+    thermal: chalk.hex("#ffb86c"),
+    network: chalk.hex("#ff79c6"),
+    disk: chalk.hex("#ff5555"),
+    graphs: chalk.hex("#8be9fd"),
+    process: chalk.hex("#f8f8f2")
   },
   cyberpunk: {
-    border: chalk2.hex("#ff0055"),
-    cpu: chalk2.hex("#00ffcc"),
-    mem: chalk2.hex("#ff00ff"),
-    gpu: chalk2.hex("#ffff00"),
-    power: chalk2.hex("#ffff00"),
-    battery: chalk2.hex("#00ff00"),
-    thermal: chalk2.hex("#ff6600"),
-    network: chalk2.hex("#00ffff"),
-    disk: chalk2.hex("#ff007f"),
-    graphs: chalk2.hex("#00ffcc"),
-    process: chalk2.hex("#ffffff")
+    border: chalk.hex("#ff0055"),
+    cpu: chalk.hex("#00ffcc"),
+    mem: chalk.hex("#ff00ff"),
+    gpu: chalk.hex("#ffff00"),
+    power: chalk.hex("#ffff00"),
+    battery: chalk.hex("#00ff00"),
+    thermal: chalk.hex("#ff6600"),
+    network: chalk.hex("#00ffff"),
+    disk: chalk.hex("#ff007f"),
+    graphs: chalk.hex("#00ffcc"),
+    process: chalk.hex("#ffffff")
   },
   monochrome: {
-    border: chalk2.gray,
-    cpu: chalk2.white.bold,
-    mem: chalk2.white.bold,
-    gpu: chalk2.white.bold,
-    power: chalk2.white.bold,
-    battery: chalk2.white.bold,
-    thermal: chalk2.white.bold,
-    network: chalk2.white.bold,
-    disk: chalk2.white.bold,
-    graphs: chalk2.white.bold,
-    process: chalk2.white.bold
+    border: chalk.gray,
+    cpu: chalk.white.bold,
+    mem: chalk.white.bold,
+    gpu: chalk.white.bold,
+    power: chalk.white.bold,
+    battery: chalk.white.bold,
+    thermal: chalk.white.bold,
+    network: chalk.white.bold,
+    disk: chalk.white.bold,
+    graphs: chalk.white.bold,
+    process: chalk.white.bold
   },
   nord: {
-    border: chalk2.hex("#4c566a"),
-    cpu: chalk2.hex("#88c0d0"),
-    mem: chalk2.hex("#b48ead"),
-    gpu: chalk2.hex("#bf616a"),
-    power: chalk2.hex("#ebcb8b"),
-    battery: chalk2.hex("#a3be8c"),
-    thermal: chalk2.hex("#d08770"),
-    network: chalk2.hex("#81a1c1"),
-    disk: chalk2.hex("#b48ead"),
-    graphs: chalk2.hex("#88c0d0"),
-    process: chalk2.hex("#eceff4")
+    border: chalk.hex("#4c566a"),
+    cpu: chalk.hex("#88c0d0"),
+    mem: chalk.hex("#b48ead"),
+    gpu: chalk.hex("#bf616a"),
+    power: chalk.hex("#ebcb8b"),
+    battery: chalk.hex("#a3be8c"),
+    thermal: chalk.hex("#d08770"),
+    network: chalk.hex("#81a1c1"),
+    disk: chalk.hex("#b48ead"),
+    graphs: chalk.hex("#88c0d0"),
+    process: chalk.hex("#eceff4")
   },
   gruvbox: {
-    border: chalk2.hex("#928374"),
-    cpu: chalk2.hex("#fb4934"),
-    mem: chalk2.hex("#b8bb26"),
-    gpu: chalk2.hex("#d3869b"),
-    power: chalk2.hex("#fabd2f"),
-    battery: chalk2.hex("#b8bb26"),
-    thermal: chalk2.hex("#fb4934"),
-    network: chalk2.hex("#83a598"),
-    disk: chalk2.hex("#d3869b"),
-    graphs: chalk2.hex("#fb4934"),
-    process: chalk2.hex("#ebdbb2")
+    border: chalk.hex("#928374"),
+    cpu: chalk.hex("#fb4934"),
+    mem: chalk.hex("#b8bb26"),
+    gpu: chalk.hex("#d3869b"),
+    power: chalk.hex("#fabd2f"),
+    battery: chalk.hex("#b8bb26"),
+    thermal: chalk.hex("#fb4934"),
+    network: chalk.hex("#83a598"),
+    disk: chalk.hex("#d3869b"),
+    graphs: chalk.hex("#fb4934"),
+    process: chalk.hex("#ebdbb2")
   }
 };
 function loadCustomThemes() {
   const themes = { ...BUILTIN_THEMES };
-  const themesDir = path.join(os2.homedir(), ".config", "pyre", "themes");
+  const themesDir = path.join(os.homedir(), ".config", "pyre", "themes");
   try {
     if (fs.existsSync(themesDir)) {
       const files = fs.readdirSync(themesDir);
@@ -946,7 +205,7 @@ function loadCustomThemes() {
           try {
             const raw = fs.readFileSync(path.join(themesDir, file), "utf-8");
             const data = JSON.parse(raw);
-            const buildColor = (val) => val ? val.startsWith("#") ? chalk2.hex(val) : chalk2[val] || chalk2.white : chalk2.white;
+            const buildColor = (val) => val ? val.startsWith("#") ? chalk.hex(val) : chalk[val] || chalk.white : chalk.white;
             themes[name] = {
               border: buildColor(data.border),
               cpu: buildColor(data.cpu),
@@ -1046,8 +305,8 @@ function gaugeBar(percent, width = 12) {
     str += blocks[remainder];
   }
   const empty = Math.max(0, w - visLen(str));
-  const color = pct > 85 ? chalk3.red : pct > 65 ? chalk3.yellow : chalk3.cyan;
-  return color(str) + chalk3.dim("\u2500".repeat(empty));
+  const color = pct > 85 ? chalk2.red : pct > 65 ? chalk2.yellow : chalk2.cyan;
+  return color(str) + chalk2.dim("\u2500".repeat(empty));
 }
 function hstack(blocks, gap = 2, targetWidth) {
   if (!blocks.length) return [];
@@ -1072,7 +331,7 @@ function hstack(blocks, gap = 2, targetWidth) {
 }
 function statRow(label, value, width = 9) {
   const w = Math.max(width, label.length + 1);
-  return `${chalk3.dim(label.padEnd(w))}${value}`;
+  return `${chalk2.dim(label.padEnd(w))}${value}`;
 }
 function gaugeRow(label, percent, contentWidth) {
   const labelW = 9;
@@ -1088,19 +347,19 @@ function gaugeRow(label, percent, contentWidth) {
     str += blocks[remainder];
   }
   const empty = Math.max(0, barW - visLen(str));
-  const color = pct > 90 ? chalk3.red : pct > 70 ? chalk3.yellow : chalk3.green;
-  return `${chalk3.dim(label.padEnd(labelW))}${color(str)}${chalk3.dim("\u2500".repeat(empty))} ${pctText}`;
+  const color = pct > 90 ? chalk2.red : pct > 70 ? chalk2.yellow : chalk2.green;
+  return `${chalk2.dim(label.padEnd(labelW))}${color(str)}${chalk2.dim("\u2500".repeat(empty))} ${pctText}`;
 }
 function thermalColor(pressureLevel) {
-  if (pressureLevel >= 3) return chalk3.red;
-  if (pressureLevel === 2) return chalk3.yellow;
-  if (pressureLevel === 1) return chalk3.yellowBright;
-  return chalk3.green;
+  if (pressureLevel >= 3) return chalk2.red;
+  if (pressureLevel === 2) return chalk2.yellow;
+  if (pressureLevel === 1) return chalk2.yellowBright;
+  return chalk2.green;
 }
 function capacityColor(percent) {
-  if (percent < 80) return chalk3.red;
-  if (percent < 90) return chalk3.yellow;
-  return chalk3.green;
+  if (percent < 80) return chalk2.red;
+  if (percent < 90) return chalk2.yellow;
+  return chalk2.green;
 }
 function formatBytes(bytes) {
   if (isNaN(bytes) || bytes < 0) return "0 B";
@@ -1136,7 +395,7 @@ function cpuCard(data, contentWidth) {
     const bars = cores.map((u) => {
       const fill = Math.round(Math.min(100, u) / 100 * slotW);
       const str = "\u2588".repeat(Math.max(0, fill)) + "\u2591".repeat(slotW - fill);
-      const color = u > 90 ? chalk3.red : u > 70 ? chalk3.yellow : chalk3.green;
+      const color = u > 90 ? chalk2.red : u > 70 ? chalk2.yellow : chalk2.green;
       return color(str);
     });
     lines.push(statRow("Cores", bars.join(" ")));
@@ -1227,8 +486,8 @@ function tasksCard(data, contentWidth) {
 }
 function header(data, width, badges = [], borderAccent = THEMES.default.border) {
   const now = (/* @__PURE__ */ new Date()).toLocaleTimeString();
-  const left = `${chalk3.hex("#ff5500").bold(" PYRE ")} ${chalk3.bold(data.header.hostname)}  ${chalk3.dim(data.header.os)}  ${chalk3.dim("up " + data.header.uptime)}`;
-  const right = `${chalk3.dim(now)}  ${badges.join("  ")}`;
+  const left = `${chalk2.hex("#ff5500").bold(" PYRE ")} ${chalk2.bold(data.header.hostname)}  ${chalk2.dim(data.header.os)}  ${chalk2.dim("up " + data.header.uptime)}`;
+  const right = `${chalk2.dim(now)}  ${badges.join("  ")}`;
   const gap = Math.max(1, width - visLen(left) - visLen(right));
   const line = fitVisible(left + " ".repeat(gap) + right, width);
   return [line, borderAccent("\u2500".repeat(width))];
@@ -1267,11 +526,11 @@ var TAB_BAR_ROW = 4;
 function tabBar(activePanel, width, theme) {
   const rendered = TAB_DEFS.map((t) => {
     const isActive = activePanel === t.id;
-    const label = isActive ? chalk3.bold(t.label) : chalk3.dim(t.label);
-    const keyHint = chalk3.dim(`[${t.key}]`);
+    const label = isActive ? chalk2.bold(t.label) : chalk2.dim(t.label);
+    const keyHint = chalk2.dim(`[${t.key}]`);
     return `${keyHint}${label}`;
   });
-  const separator = chalk3.dim(" \u2502 ");
+  const separator = chalk2.dim(" \u2502 ");
   const joined = rendered.join(separator);
   const indent = "  ";
   const available = width - visLen(indent);
@@ -1286,11 +545,11 @@ function tabBar(activePanel, width, theme) {
       used += tabW;
     }
     if (kept.length < rendered.length) {
-      result = kept.join(separator) + chalk3.dim("\u22EF");
+      result = kept.join(separator) + chalk2.dim("\u22EF");
     }
   }
   const pad = Math.max(0, available - visLen(result));
-  return fitVisible(chalk3.dim(indent) + result + " ".repeat(pad), width);
+  return fitVisible(chalk2.dim(indent) + result + " ".repeat(pad), width);
 }
 function sortProcesses(processes, sortBy) {
   const copy = [...processes];
@@ -1314,16 +573,16 @@ function sortProcesses(processes, sortBy) {
   }
 }
 function pctColor(v) {
-  return v > 80 ? chalk3.red : v > 50 ? chalk3.yellow : chalk3.dim;
+  return v > 80 ? chalk2.red : v > 50 ? chalk2.yellow : chalk2.dim;
 }
 function processTableLines(processes, contentWidth, borderAccent = THEMES.default.border) {
   const pidW = 8, ppidW = 8, userW = 12, cpuW = 8, memW = 8, stateW = 8, thrW = 6, rtW = 10;
   const cmdW = Math.max(10, contentWidth - pidW - ppidW - userW - cpuW - memW - stateW - thrW - rtW - 8);
-  const head = chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" PID    ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" PPID   ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" USER       ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" CPU%   ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" MEM%   ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" STATE   ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" THREADS") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" RUNTIME  ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" COMMAND".padEnd(cmdW + 1));
+  const head = chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" PID    ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" PPID   ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" USER       ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" CPU%   ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" MEM%   ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" STATE   ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" THREADS") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" RUNTIME  ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" COMMAND".padEnd(cmdW + 1));
   const rows = processes.map((p) => {
     const cpuStr = pctColor(p.cpu)(`${p.cpu.toFixed(1)}`.padEnd(cpuW));
     const memStr = pctColor(p.mem)(`${p.mem.toFixed(1)}`.padEnd(memW));
-    const stateStr = chalk3.dim(p.state.padEnd(stateW));
+    const stateStr = chalk2.dim(p.state.padEnd(stateW));
     const thrStr = String(p.threads).padEnd(thrW);
     const rtStr = formatRuntime(p.runtime).padEnd(rtW);
     return String(p.pid).padEnd(pidW) + String(p.ppid).padEnd(ppidW) + truncatePlain(p.user, userW - 1).padEnd(userW) + cpuStr + memStr + stateStr + thrStr + rtStr + truncatePlain(p.command, cmdW);
@@ -1362,7 +621,7 @@ function buildProcessTree(processes) {
     const pidStr = String(proc.pid).padEnd(8);
     const cpuStr = pctColor(proc.cpu)(`${proc.cpu.toFixed(1)}%`.padEnd(8));
     const memStr = pctColor(proc.mem)(`${proc.mem.toFixed(1)}%`.padEnd(8));
-    const stateStr = chalk3.dim(proc.state.padEnd(8));
+    const stateStr = chalk2.dim(proc.state.padEnd(8));
     const thrStr = String(proc.threads).padEnd(6);
     const cmd = truncatePlain(proc.command, Math.max(10, 100 - pidStr.length - cpuStr.length - memStr.length - stateStr.length - thrStr.length - 10));
     lines.push(`${prefix}${connector}${pidStr}${cpuStr}${memStr}${stateStr}${thrStr} ${cmd}`);
@@ -1387,7 +646,7 @@ function buildProcessTree(processes) {
 function diskTableLines(disks, contentWidth, borderAccent = THEMES.default.border) {
   const fsW = 20, sizeW = 10, usedW = 10, availW = 10, capW = 8;
   const mountW = Math.max(8, contentWidth - fsW - sizeW - usedW - availW - capW - 5);
-  const head = chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" FILESYSTEM          ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" SIZE      ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" USED      ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" AVAIL     ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" CAP     ") + chalk3.bold.hex("#f8f8f2").bgHex("#44475a")(" MOUNT".padEnd(mountW + 1));
+  const head = chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" FILESYSTEM          ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" SIZE      ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" USED      ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" AVAIL     ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" CAP     ") + chalk2.bold.hex("#f8f8f2").bgHex("#44475a")(" MOUNT".padEnd(mountW + 1));
   const rows = disks.map((d) => {
     const capNum = parseInt(d.capacity, 10) || 0;
     const capStr = pctColor(capNum)(d.capacity.padEnd(capW));
@@ -1479,7 +738,7 @@ function activeDetailLines(data, activePanel, width, opts2 = {}) {
       const lines = [];
       const sorted = [...opts2.anomalyHistory].sort((a, b) => (b.timestamp?.getTime() || 0) - (a.timestamp?.getTime() || 0));
       for (const a of sorted) {
-        const color = a.severity === "critical" ? chalk3.red.bold : chalk3.yellow;
+        const color = a.severity === "critical" ? chalk2.red.bold : chalk2.yellow;
         const direction = a.zScore > 0 ? "\u2191 spike" : "\u2193 drop";
         const valStr = a.metric.toLowerCase().includes("net") ? `${formatBytes(a.value)}/s` : `${a.value.toFixed(1)}%`;
         const timeStr = a.timestamp ? a.timestamp.toLocaleTimeString() : "";
@@ -1494,7 +753,7 @@ function activeDetailLines(data, activePanel, width, opts2 = {}) {
 function anomalyPanel(anomalies, width, theme) {
   const lines = [];
   for (const a of anomalies) {
-    const color = a.severity === "critical" ? chalk3.red.bold : chalk3.yellow;
+    const color = a.severity === "critical" ? chalk2.red.bold : chalk2.yellow;
     const direction = a.zScore > 0 ? "\u2191 spike" : "\u2193 drop";
     const valStr = a.metric.toLowerCase().includes("net") ? `${formatBytes(a.value)}/s` : `${a.value.toFixed(1)}%`;
     lines.push(color(` \u26A0 ${a.metric}: ${valStr} (${direction}, \u03C3=${a.zScore.toFixed(1)})`));
@@ -1511,7 +770,7 @@ function btopCpuBox(data, width, theme, opts2) {
     leftLines.push(fitVisible(theme.cpu("CPU Usage History"), leftW));
     const cpuHistory = opts2.history?.cpuUsage || [];
     if (cpuHistory.length > 1) {
-      const graphRows = multiRowSparkline(cpuHistory, 3, { min: 0, max: 100 });
+      const graphRows = multiRowBrailleGraph(cpuHistory, 3, { min: 0, max: 100 });
       for (const gr of graphRows) {
         leftLines.push(theme.cpu(fitVisible(gr, leftW)));
       }
@@ -1521,12 +780,12 @@ function btopCpuBox(data, width, theme, opts2) {
       leftLines.push(" ".repeat(leftW));
     }
     const rightLines = [];
-    rightLines.push(fitVisible(chalk3.bold(truncatePlain(data.cpu.brand, rightW)), rightW));
+    rightLines.push(fitVisible(chalk2.bold(truncatePlain(data.cpu.brand, rightW)), rightW));
     const cpuBarW = Math.max(6, rightW - 18);
     const tempStr = data.cpu.temperature ? formatTempUnit(data.cpu.temperature, opts2.tempUnit) : "";
     rightLines.push(fitVisible(`CPU ${gaugeBar(data.cpu.usage, cpuBarW)} ${data.cpu.usage.toFixed(0).padStart(3)}% ${tempStr}`, rightW));
     const loadStr = data.cpu.loadAvg.map((l) => l.toFixed(2)).join(" ");
-    rightLines.push(fitVisible(`${chalk3.dim("Load:")} ${loadStr}`, rightW));
+    rightLines.push(fitVisible(`${chalk2.dim("Load:")} ${loadStr}`, rightW));
     if (data.cpu.coreUsage && data.cpu.coreUsage.length) {
       const coreColW = Math.floor((rightW - 1) / 2);
       const half = Math.ceil(data.cpu.coreUsage.length / 2);
@@ -1546,7 +805,7 @@ function btopCpuBox(data, width, theme, opts2) {
     return panel("1 cpu", combinedBody, width, theme.cpu, theme.border, combinedBody.length, rightTitle);
   } else {
     const lines = [];
-    lines.push(chalk3.bold(truncatePlain(data.cpu.brand, contentWidth)));
+    lines.push(chalk2.bold(truncatePlain(data.cpu.brand, contentWidth)));
     lines.push(`CPU ${gaugeBar(data.cpu.usage, Math.max(4, contentWidth - 12))} ${data.cpu.usage.toFixed(0)}%`);
     if (opts2.history?.cpuUsage.length) {
       const gMode = opts2.graphMode || "spark";
@@ -1597,7 +856,7 @@ function btopLeftColumn(data, width, theme, opts2) {
       if (opts2.history?.netRxRate.length) {
         const gMode = opts2.graphMode || "spark";
         const gStr = gMode === "bar" ? sparkline(opts2.history.netRxRate, {}) : brailleGraph(opts2.history.netRxRate, {});
-        netLines.push(chalk3.cyan(fitVisible(gStr, contentWidth)));
+        netLines.push(chalk2.cyan(fitVisible(gStr, contentWidth)));
       }
       netLines.push(`up   \u25B2 ${formatBytes(txRate)}/s (${formatBytes(data.network.txBytes)})`);
       if (opts2.history?.netTxRate.length) {
@@ -1621,7 +880,7 @@ function btopProcBox(data, width, targetHeight, theme, opts2) {
   const pidW = 6, userW = 7, thrW = 3, memW = 6, cpuW = 6;
   const fixedW = pidW + userW + thrW + memW + cpuW + 5;
   const cmdW = Math.max(8, contentWidth - fixedW);
-  const head = chalk3.bold("PID".padEnd(pidW)) + " " + chalk3.bold("PROGRAM".padEnd(cmdW)) + " " + chalk3.bold("USER".padEnd(userW)) + " " + chalk3.bold("THR".padStart(thrW)) + " " + chalk3.bold("MEM%".padStart(memW)) + " " + chalk3.bold("CPU%".padStart(cpuW));
+  const head = chalk2.bold("PID".padEnd(pidW)) + " " + chalk2.bold("PROGRAM".padEnd(cmdW)) + " " + chalk2.bold("USER".padEnd(userW)) + " " + chalk2.bold("THR".padStart(thrW)) + " " + chalk2.bold("MEM%".padStart(memW)) + " " + chalk2.bold("CPU%".padStart(cpuW));
   if (opts2.treeView) {
     const treeLines = buildProcessTree(limited);
     const rightTitle2 = opts2.filter ? `filter: "${opts2.filter}"` : `tree \xB7 sort: ${opts2.sortBy || "cpu"}`;
@@ -1629,7 +888,7 @@ function btopProcBox(data, width, targetHeight, theme, opts2) {
   }
   const rows = limited.map((p) => {
     const cpuVal = p.cpu.toFixed(1) + "%";
-    const cpuStr = p.cpu > 50 ? chalk3.red.bold(cpuVal.padStart(cpuW)) : p.cpu > 20 ? chalk3.yellow(cpuVal.padStart(cpuW)) : chalk3.green(cpuVal.padStart(cpuW));
+    const cpuStr = p.cpu > 50 ? chalk2.red.bold(cpuVal.padStart(cpuW)) : p.cpu > 20 ? chalk2.yellow(cpuVal.padStart(cpuW)) : chalk2.green(cpuVal.padStart(cpuW));
     const memStr = (p.mem.toFixed(1) + "%").padStart(memW);
     const userStr = truncatePlain(p.user, userW).padEnd(userW);
     const thrStr = String(p.threads).padStart(thrW);
@@ -1639,7 +898,7 @@ function btopProcBox(data, width, targetHeight, theme, opts2) {
   });
   const lines = [head, theme.border("\u2500".repeat(contentWidth)), ...rows];
   if (rows.length === 0) {
-    lines.push(chalk3.dim(`No processes match "${opts2.filter || ""}"`));
+    lines.push(chalk2.dim(`No processes match "${opts2.filter || ""}"`));
   }
   const rightTitle = opts2.filter ? `filter: "${opts2.filter}"` : `sort: ${opts2.sortBy || "cpu"}`;
   return panel("P proc", lines, width, theme.process, theme.border, targetHeight - 2, rightTitle);
@@ -1689,7 +948,7 @@ function clampWidth(width) {
 }
 
 // src/formatters/output.ts
-import chalk4 from "chalk";
+import chalk3 from "chalk";
 function formatJson(data) {
   return JSON.stringify(data, null, 2);
 }
@@ -2202,17 +1461,17 @@ function formatGraphs(history, width = 80, themeName = "default", graphMode = "s
 }
 function graphRow(label, values, bounds, fmt, sparkWidth = 40, emptyMessage = "collecting data...", mode = "spark", contentWidth = 76) {
   if (!values.length) {
-    return `${chalk4.dim(label.padEnd(10))} ${chalk4.dim(emptyMessage)}`;
+    return `${chalk3.dim(label.padEnd(10))} ${chalk3.dim(emptyMessage)}`;
   }
   const visible = values.slice(-sparkWidth);
   const spark = mode === "spark" ? sparkline(visible, bounds) : barGraph(visible, bounds, sparkWidth);
   const current = values[values.length - 1];
-  let color = chalk4.cyan;
+  let color = chalk3.cyan;
   if (bounds.min !== void 0 && bounds.max !== void 0) {
     const pct = (current - bounds.min) / (bounds.max - bounds.min || 1) * 100;
-    color = pct > 90 ? chalk4.red : pct > 70 ? chalk4.yellow : chalk4.green;
+    color = pct > 90 ? chalk3.red : pct > 70 ? chalk3.yellow : chalk3.green;
   }
-  const raw = `${chalk4.dim(label.padEnd(10))}${color(spark)}  ${chalk4.bold(fmt(current))}`;
+  const raw = `${chalk3.dim(label.padEnd(10))}${color(spark)}  ${chalk3.bold(fmt(current))}`;
   return fitVisible(raw, contentWidth);
 }
 function barGraph(values, bounds, width) {
@@ -2235,6 +1494,663 @@ function barGraph(values, bounds, width) {
   }).join("");
 }
 
+// src/formatters/html_template.ts
+function getDashboardHtml() {
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8"/>
+<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
+<title>Pyre</title>
+<link rel="preconnect" href="https://fonts.googleapis.com"/>
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet"/>
+<style>
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+:root{
+  --bg: #050508;
+  --bg1: #0a0c16;
+  --bg2: #111427;
+  --bg3: rgba(255,255,255,0.05);
+  --border: #2a2d42;
+  --border2: #3a3f5a;
+  --text: #d4d8f0;
+  --text2: #8891b4;
+  --text3: #505878;
+  --accent: #6c8fff;
+  --accent2: #4a6ee8;
+  --cyan: #3edcff;
+  --green: #3effa0;
+  --yellow: #ffca3e;
+  --red: #ff4d6a;
+  --orange: #ff8c4a;
+  --purple: #b06cff;
+  --glow: rgba(108,143,255,0.15);
+  --font: 'Inter', -apple-system, sans-serif;
+  --mono: 'JetBrains Mono', ui-monospace, monospace;
+}
+html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;}
+body {
+  background-image: radial-gradient(var(--bg3) 1px, transparent 1px);
+  background-size: 20px 20px;
+  display:flex;flex-direction:column;height:100vh;
+}
+
+#titlebar{
+  height:42px;min-height:42px;-webkit-app-region:drag;
+  display:flex;align-items:center;padding:0 16px;
+  border-bottom:1px solid var(--border);
+  background:rgba(5,5,8,0.8);backdrop-filter:blur(10px);
+  z-index:100;
+}
+#titlebar-logo{
+  font-family:var(--mono);font-size:14px;font-weight:700;
+  color:var(--cyan);margin-right:24px;text-transform:uppercase;
+  letter-spacing:0.1em;
+}
+#titlebar-host{font-family:var(--mono);font-size:11px;color:var(--text2);flex:1;}
+#conn-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--mono);color:var(--text2);-webkit-app-region:no-drag;}
+.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite;}
+.conn-dot.offline{background:var(--red);box-shadow:0 0 8px var(--red);animation:none;}
+@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}
+
+#tabbar{
+  display:flex;align-items:center;gap:4px;padding:6px 14px 0;
+  border-bottom:1px solid var(--border);
+  background:rgba(10,12,22,0.8);overflow-x:auto;-webkit-app-region:no-drag;
+}
+#tabbar::-webkit-scrollbar{display:none}
+.tab{
+  padding:8px 16px;font-size:11px;font-family:var(--mono);color:var(--text3);
+  cursor:pointer;white-space:nowrap;user-select:none;
+  border-bottom:2px solid transparent;transition:all 0.2s;
+  text-transform:uppercase;font-weight:600;
+}
+.tab:hover{color:var(--text2);background:var(--bg3);}
+.tab.active{color:var(--accent);border-bottom:2px solid var(--accent);background:linear-gradient(0deg, rgba(108,143,255,0.1), transparent);}
+.tab-key{opacity:0.5;margin-right:6px;}
+
+#main{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;}
+#main::-webkit-scrollbar{width:8px}
+#main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
+
+#statusbar{
+  height:28px;min-height:28px;display:flex;align-items:center;padding:0 16px;gap:20px;
+  font-size:10px;color:var(--text3);border-top:1px solid var(--border);
+  background:var(--bg);font-family:var(--mono);
+}
+.sb-item{display:flex;align-items:center;gap:6px;}
+.sb-sep{color:var(--border);}
+.up-val{color:var(--text);}
+
+/* btop cards */
+.card{
+  background:var(--bg1);
+  border:1px solid var(--border);
+  border-radius:6px;
+  padding:16px;
+  position:relative;
+  margin-top:12px;
+  transition:border-color 0.2s, box-shadow 0.2s;
+  display:flex;flex-direction:column;
+}
+.card:hover{border-color:var(--cyan);box-shadow:0 0 10px rgba(62,220,255,0.05);}
+.card-title{
+  position:absolute;top:-9px;left:12px;
+  background:var(--bg);
+  padding:0 8px;font-size:11px;font-family:var(--mono);font-weight:700;
+  color:var(--accent);text-transform:uppercase;
+  display:flex;align-items:center;gap:6px;
+}
+.card-title::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent);}
+
+/* Grid System */
+.grid-2x2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; flex:1; }
+.panel-row { display:flex; gap:12px; margin-bottom:12px; }
+.panel-col { display:flex; flex-direction:column; gap:12px; flex:1; }
+.detail-split { display:flex; gap:16px; height:100%; }
+.detail-left { flex:6; display:flex; flex-direction:column; gap:12px; }
+.detail-right { flex:4; display:flex; flex-direction:column; gap:12px; }
+.detail-full { display:flex; flex-direction:column; gap:12px; height:100%; }
+
+/* Stats */
+.stat{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border);}
+.stat:last-child{border-bottom:none;}
+.stat-label{font-size:11px;color:var(--text2);}
+.stat-val{font-family:var(--mono);font-size:12px;color:var(--text);font-weight:500;}
+.big-metric{text-align:center;padding:20px 0;}
+.big-val{font-family:var(--mono);font-size:48px;font-weight:700;color:var(--cyan);text-shadow:0 0 15px rgba(62,220,255,0.3);}
+.big-unit{font-family:var(--mono);font-size:14px;color:var(--text2);margin-top:8px;}
+
+/* Gauges */
+.gauge-wrap{margin:8px 0;}
+.gauge-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px;font-family:var(--mono);}
+.gauge-pct{font-weight:600;}
+.gauge-track{height:20px;background:var(--bg2);border-radius:4px;overflow:hidden;position:relative;border:1px solid var(--border);}
+.gauge-fill{height:100%;transition:width 0.4s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-family:var(--mono);font-size:10px;font-weight:700;color:#000;}
+.gauge-fill.ok{background:linear-gradient(90deg,var(--green),#a3ffce);}
+.gauge-fill.warn{background:linear-gradient(90deg,var(--yellow),#ffea99);}
+.gauge-fill.crit{background:linear-gradient(90deg,var(--red),#ff99aa);}
+
+/* SVG Rings */
+.ring-container { display:flex; justify-content:space-around; padding:20px 0; background:var(--bg1); border:1px solid var(--border); border-radius:6px; margin-bottom:12px; }
+.ring-box { display:flex; flex-direction:column; align-items:center; gap:10px; }
+.ring-title { font-family:var(--mono); font-size:11px; color:var(--text2); font-weight:700; text-transform:uppercase; }
+.svg-ring { position:relative; width:100px; height:100px; }
+.svg-ring.large { width:200px; height:200px; }
+.svg-ring svg { transform:rotate(-90deg); width:100%; height:100%; }
+.ring-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
+.ring-val { font-family:var(--mono); font-size:22px; font-weight:700; }
+.svg-ring.large .ring-val { font-size:42px; }
+
+/* Sparklines */
+.spark-wrap { flex:1; min-height:80px; display:flex; flex-direction:column; margin-top:8px; }
+.spark-label { font-family:var(--mono); font-size:10px; color:var(--text3); margin-bottom:4px; }
+canvas.spark { width:100%; height:80px; display:block; border-radius:4px; background:var(--bg2); border:1px solid var(--border); }
+canvas.spark.large { height:200px; }
+
+/* Core Grid */
+.core-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(30px, 1fr)); gap:6px; margin-top:12px; }
+.core-col { display:flex; flex-direction:column; gap:4px; align-items:center; }
+.core-bar { width:100%; height:100px; background:var(--bg2); border-radius:4px; display:flex; align-items:flex-end; overflow:hidden; border:1px solid var(--border); }
+.core-fill { width:100%; transition:height 0.3s; }
+.core-fill.ok { background:linear-gradient(0deg,var(--green),#a3ffce); }
+.core-fill.warn { background:linear-gradient(0deg,var(--yellow),#ffea99); }
+.core-fill.crit { background:linear-gradient(0deg,var(--red),#ff99aa); }
+.core-lbl { font-family:var(--mono); font-size:9px; color:var(--text2); }
+
+/* Table */
+.table-wrap { flex:1; overflow-y:auto; border:1px solid var(--border); border-radius:6px; background:var(--bg1); }
+table.proc { width:100%; border-collapse:collapse; font-family:var(--mono); font-size:11px; text-align:left; }
+table.proc thead th { position:sticky; top:0; background:var(--bg2); padding:8px 12px; color:var(--accent); font-weight:700; text-transform:uppercase; border-bottom:1px solid var(--border); cursor:pointer; user-select:none; z-index:10; }
+table.proc thead th:hover { color:var(--cyan); background:var(--border); }
+table.proc tbody tr { border-bottom:1px solid var(--border); cursor:default; }
+table.proc tbody tr:nth-child(even) { background:rgba(255,255,255,0.01); }
+table.proc tbody tr:hover { background:var(--bg2); }
+table.proc td { padding:6px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:250px; }
+.proc-cmd { color:var(--text); }
+.table-wrap::-webkit-scrollbar { width:8px; }
+.table-wrap::-webkit-scrollbar-thumb { background:var(--border); }
+
+/* Helpers */
+.flex-row { display:flex; gap:12px; }
+.flex-1 { flex:1; }
+.mb-12 { margin-bottom:12px; }
+.txt-green { color:var(--green); }
+.txt-yellow { color:var(--yellow); }
+.txt-red { color:var(--red); }
+.txt-cyan { color:var(--cyan); }
+.txt-purple { color:var(--purple); }
+
+/* Chips */
+.chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
+.chip { padding:6px 12px; border-radius:4px; font-family:var(--mono); font-size:11px; border:1px solid var(--border); background:var(--bg2); }
+.chip.ok { border-color:var(--green); color:var(--green); }
+.chip.warn { border-color:var(--yellow); color:var(--yellow); }
+.chip.crit { border-color:var(--red); color:var(--red); }
+
+.anomaly { display:flex; gap:12px; padding:12px; border:1px solid var(--red); background:rgba(255,77,106,0.1); border-radius:6px; margin-bottom:12px; }
+.anomaly-icon { font-size:20px; }
+.anomaly-title { font-family:var(--mono); font-weight:700; color:var(--red); font-size:12px; }
+.anomaly-desc { font-family:var(--mono); font-size:11px; color:var(--text); margin-top:4px; }
+
+.view { display:none; height:100%; flex-direction:column; }
+.view.active { display:flex; }
+#view-content { flex:1; display:flex; flex-direction:column; animation:fadeIn 0.2s ease; height:100%; }
+@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
+
+</style>
+</head>
+<body>
+<div id="titlebar">
+  <span id="titlebar-logo">Pyre</span>
+  <span id="titlebar-host">Loading...</span>
+  <div id="conn-badge"><div class="conn-dot" id="conn-dot"></div><span id="conn-text">Connecting</span></div>
+</div>
+<div id="tabbar">
+  <div class="tab active" data-view="overview" onclick="switchView('overview')"><span class="tab-key">1</span>Overview</div>
+  <div class="tab" data-view="cpu" onclick="switchView('cpu')"><span class="tab-key">2</span>CPU</div>
+  <div class="tab" data-view="memory" onclick="switchView('memory')"><span class="tab-key">3</span>Memory</div>
+  <div class="tab" data-view="gpu" onclick="switchView('gpu')"><span class="tab-key">4</span>GPU</div>
+  <div class="tab" data-view="power" onclick="switchView('power')"><span class="tab-key">5</span>Power</div>
+  <div class="tab" data-view="battery" onclick="switchView('battery')"><span class="tab-key">6</span>Battery</div>
+  <div class="tab" data-view="thermal" onclick="switchView('thermal')"><span class="tab-key">7</span>Thermal</div>
+  <div class="tab" data-view="network" onclick="switchView('network')"><span class="tab-key">8</span>Network</div>
+  <div class="tab" data-view="disk" onclick="switchView('disk')"><span class="tab-key">9</span>Disk</div>
+  <div class="tab" data-view="processes" onclick="switchView('processes')"><span class="tab-key">P</span>Processes</div>
+  <div class="tab" data-view="anomalies" onclick="switchView('anomalies')"><span class="tab-key">A</span>Anomalies</div>
+</div>
+<div id="main">
+  <div id="view-content"></div>
+</div>
+<div id="statusbar">
+  <div class="sb-item">\u27F3 <span id="sb-refresh" class="up-val">\u2013</span></div><div class="sb-sep">\u2502</div>
+  <div class="sb-item">\u2191 <span id="sb-uptime" class="up-val">\u2013</span></div><div class="sb-sep">\u2502</div>
+  <div class="sb-item">CPU <span id="sb-cpu" class="up-val">\u2013</span></div><div class="sb-sep">\u2502</div>
+  <div class="sb-item">MEM <span id="sb-mem" class="up-val">\u2013</span></div><div class="sb-sep">\u2502</div>
+  <div class="sb-item">BATT <span id="sb-batt" class="up-val">\u2013</span></div><div class="sb-sep">\u2502</div>
+  <div class="sb-item">PROCS <span id="sb-procs" class="up-val">\u2013</span></div>
+</div>
+<script>
+let currentView = 'overview';
+let latestData = null;
+const history = { cpu:[], mem:[], temp:[], rxRate:[], txRate:[], power:[] };
+const MAX_HIST = 100;
+let procSort = { col:'cpu', dir:'desc' };
+
+function pushHist(arr, val) { arr.push(val||0); if(arr.length>MAX_HIST)arr.shift(); }
+function fmtBytes(b, dec=2) {
+  if(!b) return '0 B';
+  const k=1024, s=['B','KB','MB','GB','TB'];
+  const i=Math.floor(Math.log(Math.abs(b))/Math.log(k));
+  return parseFloat((b/Math.pow(k,i)).toFixed(dec))+' '+s[i];
+}
+function statusCls(v) { return v>85?'crit':v>65?'warn':'ok'; }
+function escapeHtml(s) { return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+
+function svgRing(val, max, label, unit='', size=100) {
+  const r = size*0.4, circ = 2*Math.PI*r;
+  const pct = Math.min(100, Math.max(0, (val/max)*100));
+  const off = circ*(1 - pct/100);
+  const cls = statusCls(pct);
+  const col = cls==='crit'?'var(--red)':cls==='warn'?'var(--yellow)':'var(--cyan)';
+  return \`<div class="ring-box">
+    <div class="ring-title">\${label}</div>
+    <div class="svg-ring \${size>150?'large':''}">
+      <svg viewBox="0 0 \${size} \${size}">
+        <circle cx="\${size/2}" cy="\${size/2}" r="\${r}" fill="none" stroke="var(--border)" stroke-width="\${size*0.08}"/>
+        <circle cx="\${size/2}" cy="\${size/2}" r="\${r}" fill="none" stroke="\${col}" stroke-width="\${size*0.08}"
+          stroke-dasharray="\${circ}" stroke-dashoffset="\${off}" stroke-linecap="round"
+          style="transition:stroke-dashoffset 0.5s ease" />
+      </svg>
+      <div class="ring-center">
+        <div class="ring-val" style="color:\${col}">\${val.toFixed(1)}\${unit}</div>
+      </div>
+    </div>
+  </div>\`;
+}
+
+function drawSpark(id, arr, col1, col2, mx) {
+  const c = document.getElementById(id);
+  if(!c || !arr.length) return;
+  const dpr = window.devicePixelRatio || 1;
+  const rect = c.getBoundingClientRect();
+  c.width = rect.width * dpr;
+  c.height = rect.height * dpr;
+  const W = c.width, H = c.height;
+  const ctx = c.getContext('2d');
+  ctx.clearRect(0,0,W,H);
+  
+  // Grid lines
+  ctx.strokeStyle = 'rgba(255,255,255,0.05)';
+  ctx.lineWidth = 1 * dpr;
+  [0.25, 0.5, 0.75].forEach(y => {
+    ctx.beginPath(); ctx.moveTo(0, H*y); ctx.lineTo(W, H*y); ctx.stroke();
+  });
+
+  const m = mx || Math.max(...arr, 1);
+  const pts = arr.map((v,i) => [i/(arr.length-1||1)*W, H - (v/m)*H]);
+  
+  const grad = ctx.createLinearGradient(0,0,W,0);
+  grad.addColorStop(0, col1); grad.addColorStop(1, col2);
+  const aGrad = ctx.createLinearGradient(0,0,0,H);
+  aGrad.addColorStop(0, col2+'66'); aGrad.addColorStop(1, 'transparent');
+
+  ctx.beginPath(); ctx.moveTo(pts[0][0], H);
+  pts.forEach(p=>ctx.lineTo(p[0],p[1])); ctx.lineTo(pts[pts.length-1][0], H);
+  ctx.fillStyle = aGrad; ctx.fill();
+
+  ctx.beginPath(); pts.forEach((p,i)=>i?ctx.lineTo(p[0],p[1]):ctx.moveTo(p[0],p[1]));
+  ctx.strokeStyle = grad; ctx.lineWidth = 2 * dpr; ctx.stroke();
+}
+
+function gaugeHtml(lbl, pct, valStr='') {
+  const cls = statusCls(pct);
+  return \`<div class="gauge-wrap">
+    <div class="gauge-header"><span>\${lbl}</span><span class="txt-\${cls==='crit'?'red':cls==='warn'?'yellow':'green'}">\${pct.toFixed(1)}%</span></div>
+    <div class="gauge-track"><div class="gauge-fill \${cls}" style="width:\${pct}%">\${valStr}</div></div>
+  </div>\`;
+}
+
+function statRow(k,v) { return \`<div class="stat"><div class="stat-label">\${k}</div><div class="stat-val">\${escapeHtml(v)}</div></div>\`; }
+function card(title, content, cls='') { return \`<div class="card \${cls}"><div class="card-title">\${title}</div>\${content}</div>\`; }
+
+function renderOverview(d) {
+  const cpu = d.cpu.usage;
+  const mem = d.memory.usagePercent;
+  const temp = d.cpu.temperature ?? d.thermal.temperatures?.cpu_die ?? 0;
+  const batt = d.battery?.level ?? 0;
+
+  const rings = \`<div class="ring-container">
+    \${svgRing(cpu, 100, 'CPU', '%')}
+    \${svgRing(mem, 100, 'MEM', '%')}
+    \${svgRing(temp, 100, 'TEMP', '\xB0')}
+    \${d.battery ? svgRing(batt, 100, 'BATT', '%') : ''}
+  </div>\`;
+
+  const topProcs = (d.processes||[]).slice(0,8).map(p=>\`<tr>
+    <td>\${p.pid}</td>
+    <td class="proc-cmd" title="\${escapeHtml(p.command)}">\${escapeHtml(p.command)}</td>
+    <td>\${escapeHtml(p.user)}</td>
+    <td class="txt-\${statusCls(p.cpu)}">\${p.cpu.toFixed(1)}</td>
+    <td>\${p.mem.toFixed(1)}</td>
+  </tr>\`).join('');
+
+  return \`<div class="detail-full">
+    \${rings}
+    <div class="grid-2x2">
+      \${card('CPU', \`
+        \${gaugeHtml('Usage', cpu, d.cpu.frequency+' MHz')}
+        <div class="spark-wrap"><div class="spark-label">CPU History</div><canvas class="spark" id="sp-ov-cpu"></canvas></div>
+      \`)}
+      \${card('Memory', \`
+        \${gaugeHtml('Usage', mem, fmtBytes(d.memory.used))}
+        \${statRow('Total', fmtBytes(d.memory.total))}
+        \${statRow('Free', fmtBytes(d.memory.free))}
+        \${statRow('Swap', fmtBytes(d.memory.swapUsed)+' / '+fmtBytes(d.memory.swapTotal))}
+      \`)}
+      \${card('Network', \`
+        <div class="flex-row mb-12">
+          <div class="flex-1 txt-cyan" style="font-family:var(--mono);font-size:14px;font-weight:700">\u2B07 \${fmtBytes(d.network.rxBytes)}</div>
+          <div class="flex-1 txt-purple" style="font-family:var(--mono);font-size:14px;font-weight:700;text-align:right">\u2B06 \${fmtBytes(d.network.txBytes)}</div>
+        </div>
+        <div class="flex-row" style="flex:1">
+          <div class="spark-wrap" style="margin:0"><canvas class="spark" id="sp-ov-rx"></canvas></div>
+          <div class="spark-wrap" style="margin:0"><canvas class="spark" id="sp-ov-tx"></canvas></div>
+        </div>
+      \`)}
+      \${card('Top Processes', \`
+        <div class="table-wrap" style="border:none;background:transparent;overflow:hidden;">
+          <table class="proc">
+            <thead><tr><th>PID</th><th>Command</th><th>User</th><th>CPU%</th><th>MEM%</th></tr></thead>
+            <tbody>\${topProcs}</tbody>
+          </table>
+        </div>
+      \`, 'mb-0')}
+    </div>
+  </div>\`;
+}
+
+function renderCpu(d) {
+  let cores = '';
+  if(d.cpu.coreUsage) {
+    cores = '<div class="core-grid">' + d.cpu.coreUsage.map((u,i) => {
+      const p = Math.min(100,u);
+      return \`<div class="core-col">
+        <div class="core-bar"><div class="core-fill \${statusCls(p)}" style="height:\${p}%"></div></div>
+        <div class="core-lbl">C\${i}</div>
+      </div>\`;
+    }).join('') + '</div>';
+  }
+  return \`<div class="detail-split">
+    <div class="detail-left">
+      \${card('CPU Usage', \`
+        <div class="spark-wrap" style="flex:none"><canvas class="spark large" id="sp-cpu-l"></canvas></div>
+        \${cores}
+      \`, 'flex-1')}
+    </div>
+    <div class="detail-right">
+      \${card('Processor Info', \`
+        <div class="big-metric"><div class="big-val">\${d.cpu.usage.toFixed(1)}%</div><div class="big-unit">Overall Utilisation</div></div>
+        \${statRow('Model', d.cpu.brand)}
+        \${statRow('Cores', d.cpu.physicalCores + ' Physical / ' + d.cpu.cores + ' Logical')}
+        \${statRow('Clock', d.cpu.frequency + ' MHz')}
+        \${statRow('Load 1m', d.cpu.loadAvg[0].toFixed(2))}
+        \${statRow('Load 5m', d.cpu.loadAvg[1].toFixed(2))}
+        \${statRow('Load 15m', d.cpu.loadAvg[2].toFixed(2))}
+      \`, 'flex-1')}
+    </div>
+  </div>\`;
+}
+
+function renderMemory(d) {
+  return \`<div class="detail-full">
+    \${card('Memory', \`
+      <div class="big-metric"><div class="big-val">\${d.memory.usagePercent.toFixed(1)}%</div><div class="big-unit">Memory Used</div></div>
+      \${gaugeHtml('RAM', d.memory.usagePercent, fmtBytes(d.memory.used))}
+      \${gaugeHtml('Swap', d.memory.swapTotal? (d.memory.swapUsed/d.memory.swapTotal)*100 : 0, fmtBytes(d.memory.swapUsed))}
+      <div class="grid-2x2" style="margin-top:20px;flex:none">
+        <div>\${statRow('Total', fmtBytes(d.memory.total))}\${statRow('Used', fmtBytes(d.memory.used))}</div>
+        <div>\${statRow('Free', fmtBytes(d.memory.free))}\${statRow('Cached', fmtBytes(d.memory.total - d.memory.free - d.memory.used))}</div>
+      </div>
+      <div class="spark-wrap" style="margin-top:20px"><div class="spark-label">Memory History</div><canvas class="spark large" id="sp-mem-l"></canvas></div>
+    \`, 'flex-1')}
+  </div>\`;
+}
+
+function renderGpu(d) {
+  if(!d.gpu) return '<div class="big-metric">No GPU Data</div>';
+  return \`<div class="detail-full">
+    \${card('Graphics Processor', \`
+      <div class="big-metric"><div class="big-val">\${d.gpu.utilization.toFixed(1)}%</div><div class="big-unit">\${d.gpu.model}</div></div>
+      \${gaugeHtml('Utilisation', d.gpu.utilization)}
+      \${statRow('VRAM Used', fmtBytes(d.gpu.memory))}
+      \${statRow('Active Processes', d.gpu.processes)}
+      \${d.gpu.temperature? statRow('Temperature', d.gpu.temperature+'\xB0C') : ''}
+    \`, 'flex-1')}
+  </div>\`;
+}
+
+function renderPower(d) {
+  const tw = d.power?.combinedWatts ?? (d.battery?.powerWatts || 0);
+  return \`<div class="detail-full">
+    \${card('Power Consumption', \`
+      <div class="big-metric"><div class="big-val">\${tw.toFixed(2)} W</div><div class="big-unit">Total Draw</div></div>
+      <div class="flex-row">
+        \${d.power?.cpuWatts!=null ? \`<div class="flex-1">\${gaugeHtml('CPU Package', Math.min(100,d.power.cpuWatts/100*100), d.power.cpuWatts.toFixed(2)+'W')}</div>\` : ''}
+        \${d.power?.gpuWatts!=null ? \`<div class="flex-1">\${gaugeHtml('GPU Package', Math.min(100,d.power.gpuWatts/200*100), d.power.gpuWatts.toFixed(2)+'W')}</div>\` : ''}
+      </div>
+    \`, 'flex-1')}
+  </div>\`;
+}
+
+function renderBattery(d) {
+  if(!d.battery) return '<div class="big-metric">No Battery</div>';
+  return \`<div class="detail-full">
+    \${card('Battery', \`
+      <div class="ring-container" style="border:none;background:transparent;">
+        \${svgRing(d.battery.level, 100, 'LEVEL', '%', 200)}
+      </div>
+      <div class="grid-2x2">
+        <div>
+          \${statRow('State', d.battery.state)}
+          \${statRow('Power Source', d.battery.powerSource)}
+          \${statRow('Condition', d.battery.condition)}
+          \${d.battery.cycles ? statRow('Cycles', d.battery.cycles) : ''}
+        </div>
+        <div>
+          \${d.battery.timeRemaining ? statRow('Time Remaining', d.battery.timeRemaining) : ''}
+          \${d.battery.powerWatts ? statRow('Power Draw', d.battery.powerWatts.toFixed(2)+' W') : ''}
+          \${d.battery.maxCapacityPercent ? statRow('Max Capacity', d.battery.maxCapacityPercent+'%') : ''}
+        </div>
+      </div>
+    \`, 'flex-1')}
+  </div>\`;
+}
+
+function renderThermal(d) {
+  const chips = d.thermal.temperatures ? Object.entries(d.thermal.temperatures).map(([k,v]) => \`<div class="chip \${statusCls(v)}">\${k}: \${v.toFixed(1)}\xB0C</div>\`).join('') : '';
+  return \`<div class="detail-full">
+    \${card('Thermal Status', \`
+      \${statRow('State', d.thermal.state)}
+      \${statRow('Pressure', d.thermal.pressureLevel ?? 'Normal')}
+      <div class="chips mb-12">\${chips}</div>
+      <div class="spark-wrap"><div class="spark-label">CPU Temp History</div><canvas class="spark large" id="sp-therm-l"></canvas></div>
+    \`, 'flex-1')}
+  </div>\`;
+}
+
+function renderNetwork(d) {
+  return \`<div class="detail-split">
+    <div class="detail-left">
+      \${card('Traffic', \`
+        <div class="flex-row">
+          <div class="flex-1 spark-wrap"><div class="spark-label txt-cyan">\u2B07 RX Rate</div><canvas class="spark large" id="sp-net-rx-l"></canvas></div>
+          <div class="flex-1 spark-wrap"><div class="spark-label txt-purple">\u2B06 TX Rate</div><canvas class="spark large" id="sp-net-tx-l"></canvas></div>
+        </div>
+      \`, 'flex-1')}
+    </div>
+    <div class="detail-right">
+      \${card('Interface Info', \`
+        <div class="big-metric" style="padding:10px 0"><div class="big-val txt-cyan" style="font-size:24px">\${d.network.interface}</div><div class="big-unit">\${d.network.ip}</div></div>
+        \${statRow('RX Total', fmtBytes(d.network.rxBytes))}
+        \${statRow('TX Total', fmtBytes(d.network.txBytes))}
+        \${statRow('RX Packets', (d.network.rxPackets||0).toLocaleString())}
+        \${statRow('TX Packets', (d.network.txPackets||0).toLocaleString())}
+        \${d.network.connections ? statRow('TCP Conns', d.network.connections) : ''}
+      \`, 'flex-1')}
+    </div>
+  </div>\`;
+}
+
+function renderDisk(d) {
+  const rows = (d.disk||[]).map(ds => \`
+    <div class="mb-12">
+      <div class="flex-row" style="justify-content:space-between;font-family:var(--mono);font-size:12px;margin-bottom:6px;">
+        <span class="txt-cyan" style="font-weight:700">\${ds.mountpoint}</span>
+        <span>\${ds.used} / \${ds.size}</span>
+      </div>
+      \${gaugeHtml('', parseFloat(ds.capacity)||0, ds.capacity)}
+    </div>\`).join('');
+  return \`<div class="detail-full">\${card('Storage Volumes', rows, 'flex-1')}</div>\`;
+}
+
+function sortProcs(procs) {
+  const col = procSort.col;
+  const dir = procSort.dir;
+  return [...procs].sort((a,b)=>{
+    let va=a[col], vb=b[col];
+    if(typeof va==='string'){va=va.toLowerCase();vb=vb.toLowerCase();}
+    return (va<vb ? -1 : va>vb ? 1 : 0) * (dir==='asc'?1:-1);
+  });
+}
+function sortBy(col) {
+  if(procSort.col===col) procSort.dir = procSort.dir==='asc'?'desc':'asc';
+  else {procSort.col=col; procSort.dir='desc';}
+  if(latestData) updateView();
+}
+function sortHdr(col) { return procSort.col===col ? (procSort.dir==='asc'?' \u2191':' \u2193') : ''; }
+function fmtTime(s) { if(!s)return'\u2013'; const h=Math.floor(s/3600), m=Math.floor((s%3600)/60), sc=Math.floor(s%60); return h?h+'h'+m+'m':m?m+'m'+sc+'s':sc+'s'; }
+
+function renderProcesses(d) {
+  const procs = sortProcs(d.processes||[]);
+  const rows = procs.map(p=>\`<tr>
+    <td>\${p.pid}</td>
+    <td class="proc-cmd" title="\${escapeHtml(p.command)}">\${escapeHtml(p.command)}</td>
+    <td>\${escapeHtml(p.user)}</td>
+    <td class="txt-\${statusCls(p.cpu)}">\${p.cpu.toFixed(1)}</td>
+    <td>\${p.mem.toFixed(1)}</td>
+    <td>\${p.threads||0}</td>
+    <td>\${p.state}</td>
+    <td>\${fmtTime(p.runtime)}</td>
+  </tr>\`).join('');
+  return \`<div class="detail-full">
+    \${card('Process List ('+procs.length+')', \`
+      <div class="table-wrap">
+        <table class="proc">
+          <thead><tr>
+            <th onclick="sortBy('pid')">PID\${sortHdr('pid')}</th>
+            <th onclick="sortBy('command')">Command\${sortHdr('command')}</th>
+            <th onclick="sortBy('user')">User\${sortHdr('user')}</th>
+            <th onclick="sortBy('cpu')">CPU%\${sortHdr('cpu')}</th>
+            <th onclick="sortBy('mem')">MEM%\${sortHdr('mem')}</th>
+            <th onclick="sortBy('threads')">Thr\${sortHdr('threads')}</th>
+            <th onclick="sortBy('state')">State\${sortHdr('state')}</th>
+            <th onclick="sortBy('runtime')">Time\${sortHdr('runtime')}</th>
+          </tr></thead>
+          <tbody>\${rows}</tbody>
+        </table>
+      </div>
+    \`, 'flex-1')}
+  </div>\`;
+}
+
+function renderAnomalies(d) {
+  const arr = d.anomalies||[];
+  if(!arr.length) return '<div class="big-metric"><div class="big-val txt-green" style="font-size:32px">System Healthy</div></div>';
+  const rows = arr.map(a=>\`<div class="anomaly"><div class="anomaly-icon">\u26A0\uFE0F</div><div><div class="anomaly-title">\${escapeHtml(a.type||'Alert')}</div><div class="anomaly-desc">\${escapeHtml(a.message||a.detail||JSON.stringify(a))}</div></div></div>\`).join('');
+  return \`<div class="detail-full">\${card('Anomalies', rows, 'flex-1')}</div>\`;
+}
+
+function drawSparks() {
+  drawSpark('sp-ov-cpu', history.cpu, '#3edcff', '#4a6ee8');
+  drawSpark('sp-ov-rx', history.rxRate, '#3edcff', '#4a6ee8');
+  drawSpark('sp-ov-tx', history.txRate, '#b06cff', '#6c8fff');
+  drawSpark('sp-cpu-l', history.cpu, '#3edcff', '#4a6ee8');
+  drawSpark('sp-mem-l', history.mem, '#b06cff', '#6c8fff');
+  drawSpark('sp-therm-l', history.temp, '#ffca3e', '#ff4d6a');
+  drawSpark('sp-net-rx-l', history.rxRate, '#3edcff', '#4a6ee8');
+  drawSpark('sp-net-tx-l', history.txRate, '#b06cff', '#6c8fff');
+}
+
+function switchView(v) {
+  currentView = v;
+  document.querySelectorAll('.tab').forEach(t=>t.classList.toggle('active', t.dataset.view===v));
+  if(latestData) updateView();
+}
+
+function updateView() {
+  const el = document.getElementById('view-content');
+  if(!el || !latestData) return;
+  const d = latestData;
+  const map = {overview:renderOverview, cpu:renderCpu, memory:renderMemory, gpu:renderGpu, power:renderPower, battery:renderBattery, thermal:renderThermal, network:renderNetwork, disk:renderDisk, processes:renderProcesses, anomalies:renderAnomalies};
+  if(map[currentView]) {
+    el.innerHTML = map[currentView](d);
+    requestAnimationFrame(drawSparks);
+  }
+}
+
+let prx=null, ptx=null;
+function ingestData(d) {
+  latestData = d;
+  pushHist(history.cpu, d.cpu.usage);
+  pushHist(history.mem, d.memory.usagePercent);
+  pushHist(history.temp, d.cpu.temperature ?? d.thermal.temperatures?.cpu_die ?? 0);
+  if(prx!==null) {
+    pushHist(history.rxRate, Math.max(0, d.network.rxBytes-prx));
+    pushHist(history.txRate, Math.max(0, d.network.txBytes-ptx));
+  }
+  prx=d.network.rxBytes; ptx=d.network.txBytes;
+  if(d.power?.combinedWatts) pushHist(history.power, d.power.combinedWatts);
+
+  document.getElementById('titlebar-host').textContent = d.header.hostname+' \xB7 '+d.header.os;
+  document.getElementById('sb-uptime').textContent = d.header.uptime;
+  document.getElementById('sb-cpu').textContent = d.cpu.usage.toFixed(1)+'%';
+  document.getElementById('sb-mem').textContent = d.memory.usagePercent.toFixed(1)+'%';
+  document.getElementById('sb-batt').textContent = d.battery ? d.battery.level+'%' : '\u2013';
+  document.getElementById('sb-procs').textContent = (d.processes||[]).length;
+  document.getElementById('sb-refresh').textContent = new Date().toLocaleTimeString();
+  
+  updateView();
+}
+
+window.__pyreUpdate = function(jsStr) {
+  try {
+    const d = JSON.parse(jsStr);
+    document.getElementById('conn-dot').className='conn-dot';
+    document.getElementById('conn-text').textContent='Live';
+    ingestData(d);
+  } catch(e) { document.getElementById('conn-text').textContent='Err: '+e.message; }
+};
+
+let pTimer=null;
+async function pollOnce() {
+  try {
+    const r=await fetch('/api/stats',{cache:'no-store'});
+    if(!r.ok){ document.getElementById('conn-dot').className='conn-dot offline'; return; }
+    document.getElementById('conn-dot').className='conn-dot';
+    ingestData(await r.json());
+  } catch(e) { document.getElementById('conn-dot').className='conn-dot offline'; }
+}
+setTimeout(()=>{ if(!latestData && !pTimer) { pollOnce(); pTimer=setInterval(pollOnce, 2000); } }, 4000);
+
+const keyMap = {'1':'overview','2':'cpu','3':'memory','4':'gpu','5':'power','6':'battery','7':'thermal','8':'network','9':'disk','p':'processes','a':'anomalies'};
+document.addEventListener('keydown', e => { if(keyMap[e.key.toLowerCase()]) switchView(keyMap[e.key.toLowerCase()]); });
+</script>
+</body>
+</html>`;
+}
+
 // src/live/input.ts
 import readline from "readline";
 
@@ -2393,86 +2309,6 @@ var History = class _History {
   }
 };
 
-// src/state/config.ts
-import fs2 from "fs";
-import os3 from "os";
-import path2 from "path";
-var CONFIG_DIR = path2.join(os3.homedir(), ".config", "pyre");
-var CONFIG_FILE = path2.join(CONFIG_DIR, "config.json");
-var DEFAULT_CONFIG = {
-  theme: "default",
-  interval: 2,
-  exportDir: "./pyre-exports",
-  detailed: false,
-  sortMode: "cpu",
-  treeView: false,
-  graphMode: "spark",
-  showGraphs: true,
-  autoLog: false,
-  mouseEnabled: true,
-  cpuAlertPct: 90,
-  tempAlertC: 95,
-  watchdogProcess: "",
-  watchdogCpu: 80,
-  watchdogMem: 80,
-  notificationsEnabled: true,
-  p2pPort: 9876,
-  p2pPassword: "pyre",
-  splashEnabled: true,
-  splashColorScheme: "fire",
-  splashAnimation: "classic",
-  webhookUrl: "",
-  alertCmd: "",
-  visiblePanels: {
-    cpu: true,
-    mem: true,
-    gpu: true,
-    power: true,
-    battery: true,
-    thermal: true,
-    network: true,
-    packets: true,
-    tasks: true,
-    disk: true,
-    process: true,
-    tree: false
-  },
-  panelLayout: ["mem", "disk", "net"]
-};
-function readConfig() {
-  try {
-    if (!fs2.existsSync(CONFIG_FILE)) return { ...DEFAULT_CONFIG };
-    const raw = fs2.readFileSync(CONFIG_FILE, "utf-8");
-    const parsed = JSON.parse(raw);
-    return deepMerge(DEFAULT_CONFIG, parsed);
-  } catch {
-    return { ...DEFAULT_CONFIG };
-  }
-}
-function writeConfig(config3) {
-  try {
-    if (!fs2.existsSync(CONFIG_DIR)) {
-      fs2.mkdirSync(CONFIG_DIR, { recursive: true });
-    }
-    const merged = deepMerge(readConfig(), config3);
-    fs2.writeFileSync(CONFIG_FILE, JSON.stringify(merged, null, 2) + "\n");
-  } catch {
-  }
-}
-function deepMerge(target, source) {
-  const result = { ...target };
-  for (const key of Object.keys(source)) {
-    if (source[key] !== void 0 && source[key] !== null) {
-      if (typeof source[key] === "object" && !Array.isArray(source[key]) && typeof target[key] === "object" && !Array.isArray(target[key])) {
-        result[key] = deepMerge(target[key] || {}, source[key]);
-      } else {
-        result[key] = source[key];
-      }
-    }
-  }
-  return result;
-}
-
 // src/live/state.ts
 var SIGNAL_OPTIONS = ["SIGTERM", "SIGKILL", "SIGINT", "SIGHUP", "SIGSTOP", "SIGCONT"];
 var config = readConfig();
@@ -2607,10 +2443,10 @@ function getToggleKey(opt) {
 }
 
 // src/live/export.ts
-import fs3 from "fs";
-import path3 from "path";
+import fs2 from "fs";
+import path2 from "path";
 function ensureDir(dir) {
-  if (!fs3.existsSync(dir)) fs3.mkdirSync(dir, { recursive: true });
+  if (!fs2.existsSync(dir)) fs2.mkdirSync(dir, { recursive: true });
 }
 function timestampForFile() {
   return (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
@@ -2623,7 +2459,7 @@ function exportSnapshot() {
   try {
     ensureDir(state.exportDir);
     const ext = state.exportFormat === "json" ? "json" : state.exportFormat === "csv" ? "csv" : state.exportFormat === "tsv" ? "tsv" : state.exportFormat === "html" ? "html" : "md";
-    const file = path3.join(state.exportDir, `pyre-${timestampForFile()}.${ext}`);
+    const file = path2.join(state.exportDir, `pyre-${timestampForFile()}.${ext}`);
     let content;
     switch (state.exportFormat) {
       case "json":
@@ -2642,7 +2478,7 @@ function exportSnapshot() {
         content = formatMarkdown(state.lastData);
         break;
     }
-    fs3.writeFileSync(file, content);
+    fs2.writeFileSync(file, content);
     setStatus(`Exported snapshot -> ${file}`);
   } catch (err) {
     setStatus(`Export failed: ${err.message}`);
@@ -2652,8 +2488,8 @@ function startLogging() {
   try {
     ensureDir(state.exportDir);
     rotateLogs();
-    const file = path3.join(state.exportDir, `pyre-log-${timestampForFile()}.csv`);
-    state.logStream = fs3.createWriteStream(file, { flags: "a" });
+    const file = path2.join(state.exportDir, `pyre-log-${timestampForFile()}.csv`);
+    state.logStream = fs2.createWriteStream(file, { flags: "a" });
     state.logStream.write("timestamp,cpu_usage,mem_usage_percent,temp_c,net_rx_bytes,net_tx_bytes,net_rx_packets,net_tx_packets,connections,thermal_state\n");
     state.logging = true;
     setStatus(`Logging every tick -> ${file}`);
@@ -2667,37 +2503,37 @@ var MAX_LOG_BYTES = 50 * 1024 * 1024;
 function rotateLogs() {
   try {
     const dir = state.exportDir;
-    if (!fs3.existsSync(dir)) return;
-    const files = fs3.readdirSync(dir).filter((f) => f.startsWith("pyre-log-") && f.endsWith(".csv")).map((f) => ({ name: f, path: path3.join(dir, f), mtime: fs3.statSync(path3.join(dir, f)).mtimeMs, size: fs3.statSync(path3.join(dir, f)).size })).sort((a, b) => a.mtime - b.mtime);
+    if (!fs2.existsSync(dir)) return;
+    const files = fs2.readdirSync(dir).filter((f) => f.startsWith("pyre-log-") && f.endsWith(".csv")).map((f) => ({ name: f, path: path2.join(dir, f), mtime: fs2.statSync(path2.join(dir, f)).mtimeMs, size: fs2.statSync(path2.join(dir, f)).size })).sort((a, b) => a.mtime - b.mtime);
     const now = Date.now();
     for (const f of files) {
       if (now - f.mtime > MAX_LOG_AGE_MS) {
         try {
-          fs3.unlinkSync(f.path);
+          fs2.unlinkSync(f.path);
         } catch {
         }
       }
     }
-    const remaining = fs3.readdirSync(dir).filter((f) => f.startsWith("pyre-log-") && f.endsWith(".csv"));
+    const remaining = fs2.readdirSync(dir).filter((f) => f.startsWith("pyre-log-") && f.endsWith(".csv"));
     if (remaining.length > MAX_LOG_COUNT) {
       const toDelete = remaining.sort().slice(0, remaining.length - MAX_LOG_COUNT);
       for (const f of toDelete) {
         try {
-          fs3.unlinkSync(path3.join(dir, f));
+          fs2.unlinkSync(path2.join(dir, f));
         } catch {
         }
       }
     }
     let totalSize = 0;
     for (const f of remaining) {
-      totalSize += fs3.statSync(path3.join(dir, f)).size;
+      totalSize += fs2.statSync(path2.join(dir, f)).size;
     }
     if (totalSize > MAX_LOG_BYTES) {
       const sorted = remaining.sort();
       for (const f of sorted) {
-        const sz = fs3.statSync(path3.join(dir, f)).size;
+        const sz = fs2.statSync(path2.join(dir, f)).size;
         try {
-          fs3.unlinkSync(path3.join(dir, f));
+          fs2.unlinkSync(path2.join(dir, f));
         } catch {
         }
         totalSize -= sz;
@@ -2733,8 +2569,8 @@ function writeLogRow(data) {
 }
 
 // src/live/render.ts
-import { execFile, exec as exec2 } from "child_process";
-import chalk5 from "chalk";
+import { execFile, exec } from "child_process";
+import chalk4 from "chalk";
 
 // src/anomalies.ts
 var ZSCORE_THRESHOLD = 2.5;
@@ -2874,55 +2710,55 @@ function p2pPanelLines() {
   const events = state.p2pServer ? state.p2pServer.peerEventHistory : state.p2pEvents;
   const body = [];
   const bindAddr = state.p2pBind || `0.0.0.0:${state.p2pPort}`;
-  body.push(`Status:   ${state.p2pServerRunning ? chalk5.green("Running") : chalk5.red("Stopped")}`);
+  body.push(`Status:   ${state.p2pServerRunning ? chalk4.green("Running") : chalk4.red("Stopped")}`);
   body.push(`Bind:     ${bindAddr}`);
   body.push(`Password: ${state.p2pPassword}`);
   body.push("");
   const typeColor = (t) => {
-    if (t === "auth") return chalk5.green;
-    if (t === "disconnect") return chalk5.yellow;
-    if (t === "error" || t === "blocked" || t === "rate_limited") return chalk5.red;
-    return chalk5.cyan;
+    if (t === "auth") return chalk4.green;
+    if (t === "disconnect") return chalk4.yellow;
+    if (t === "error" || t === "blocked" || t === "rate_limited") return chalk4.red;
+    return chalk4.cyan;
   };
-  body.push(chalk5.dim("Events (most recent):"));
+  body.push(chalk4.dim("Events (most recent):"));
   const recent = events.slice(-20).reverse();
   for (const evt of recent) {
     const time = new Date(evt.ts).toLocaleTimeString();
-    body.push(`${chalk5.dim(time)} ${typeColor(evt.type)(evt.type.padEnd(14))} ${evt.detail}`);
+    body.push(`${chalk4.dim(time)} ${typeColor(evt.type)(evt.type.padEnd(14))} ${evt.detail}`);
   }
   const title = `P2P \xB7 ${state.p2pServerRunning ? "ON" : "OFF"} \xB7 ${events.length} events`;
   return { title, body };
 }
 function renderCustomizerOverlay(scrollOffset, maxVisibleItems) {
   const themesList = Object.keys(THEMES);
-  const headerLine = chalk5.bgCyan.black.bold(" UI CUSTOMIZER (Use \u2191/\u2193 or J/K to navigate, Enter/Space to toggle, Esc to exit) ");
+  const headerLine = chalk4.bgCyan.black.bold(" UI CUSTOMIZER (Use \u2191/\u2193 or J/K to navigate, Enter/Space to toggle, Esc to exit) ");
   const totalItems = state.CUSTOMIZER_OPTIONS.length;
   const end = Math.min(scrollOffset + maxVisibleItems, totalItems);
   const lines = [headerLine];
   for (let i = scrollOffset; i < end; i++) {
     const opt = state.CUSTOMIZER_OPTIONS[i];
     const isSelected = i === state.customizerIndex;
-    const prefix = isSelected ? chalk5.yellow("\u25B6 ") : "  ";
+    const prefix = isSelected ? chalk4.yellow("\u25B6 ") : "  ";
     if (opt === "Theme") {
-      lines.push(`${prefix}${opt}: ${chalk5.bold.green(state.currentTheme)} [${themesList.join(", ")}]`);
+      lines.push(`${prefix}${opt}: ${chalk4.bold.green(state.currentTheme)} [${themesList.join(", ")}]`);
     } else if (opt === "Graph Mode") {
-      lines.push(`${prefix}${opt}: ${chalk5.bold.green(state.graphMode)} [spark, bar]`);
+      lines.push(`${prefix}${opt}: ${chalk4.bold.green(state.graphMode)} [spark, bar]`);
     } else if (opt === "Splash Screen") {
-      const status = state.splashEnabled ? chalk5.green("[ON]") : chalk5.red("[OFF]");
+      const status = state.splashEnabled ? chalk4.green("[ON]") : chalk4.red("[OFF]");
       lines.push(`${prefix}${opt}: ${status}`);
     } else if (opt === "Splash Color") {
-      lines.push(`${prefix}${opt}: ${chalk5.bold.green(state.splashColorScheme)} [fire, ocean, forest, purple, monochrome]`);
+      lines.push(`${prefix}${opt}: ${chalk4.bold.green(state.splashColorScheme)} [fire, ocean, forest, purple, monochrome]`);
     } else if (opt === "Splash Animation") {
-      lines.push(`${prefix}${opt}: ${chalk5.bold.green(state.splashAnimation)} [classic, wave, sparks]`);
+      lines.push(`${prefix}${opt}: ${chalk4.bold.green(state.splashAnimation)} [classic, wave, sparks]`);
     } else if (opt === "Notifications") {
-      const status = state.notificationsEnabled ? chalk5.green("[ON]") : chalk5.red("[OFF]");
+      const status = state.notificationsEnabled ? chalk4.green("[ON]") : chalk4.red("[OFF]");
       lines.push(`${prefix}${opt}: ${status}`);
     } else if (opt === "Temperature Unit") {
-      lines.push(`${prefix}${opt}: ${chalk5.bold.green(state.tempUnit.toUpperCase())} [C, F]`);
+      lines.push(`${prefix}${opt}: ${chalk4.bold.green(state.tempUnit.toUpperCase())} [C, F]`);
     } else {
       const toggleKey = getToggleKey(opt);
       const isVisible = toggleKey ? toggleKey === "tree" ? state.treeView : state.visiblePanels[toggleKey] !== false : true;
-      const status = isVisible ? chalk5.green("[VISIBLE]") : chalk5.red("[HIDDEN]");
+      const status = isVisible ? chalk4.green("[VISIBLE]") : chalk4.red("[HIDDEN]");
       lines.push(`${prefix}${opt}: ${status}`);
     }
   }
@@ -2954,7 +2790,7 @@ function render() {
   const rows = state.termHeight || 24;
   const cols = state.termWidth || 80;
   if (cols < 50 || rows < 15) {
-    const msg = chalk5.yellow(`pyre ${rows}x${cols} too small. Resize terminal to >= 50x20.`);
+    const msg = chalk4.yellow(`pyre ${rows}x${cols} too small. Resize terminal to >= 50x20.`);
     const centered = Math.max(0, Math.floor((rows - 2) / 2));
     const out = [];
     for (let i = 0; i < centered; i++) out.push("");
@@ -3028,17 +2864,17 @@ function render() {
     if (blankLines > 0) bodyLines.push("");
     bodyLines.push(...renderCustomizerOverlay(scrollOffset, maxVisibleItems).split("\n"));
   } else if (state.inputMode === "filter") {
-    bodyLines.push(chalk5.cyan(`  Filter processes: ${state.inputBuffer}_`));
+    bodyLines.push(chalk4.cyan(`  Filter processes: ${state.inputBuffer}_`));
   } else if (state.inputMode === "kill") {
-    bodyLines.push(chalk5.cyan(`  Kill PID: ${state.inputBuffer}_  (enter to confirm, esc to cancel)`));
+    bodyLines.push(chalk4.cyan(`  Kill PID: ${state.inputBuffer}_  (enter to confirm, esc to cancel)`));
   } else if (state.inputMode === "signal") {
     const sigIdx = state.SIGNAL_OPTIONS.indexOf(state.inputBuffer);
-    const sigList = state.SIGNAL_OPTIONS.map((s, i) => i === sigIdx ? chalk5.yellow(s) : chalk5.dim(s)).join("  ");
-    bodyLines.push(chalk5.cyan(`  Signal: ${state.inputBuffer}_`));
-    bodyLines.push(chalk5.dim(`  ${sigList}`));
-    bodyLines.push(chalk5.dim("  \u2191/\u2193 to select, Enter to confirm, Esc to cancel"));
+    const sigList = state.SIGNAL_OPTIONS.map((s, i) => i === sigIdx ? chalk4.yellow(s) : chalk4.dim(s)).join("  ");
+    bodyLines.push(chalk4.cyan(`  Signal: ${state.inputBuffer}_`));
+    bodyLines.push(chalk4.dim(`  ${sigList}`));
+    bodyLines.push(chalk4.dim("  \u2191/\u2193 to select, Enter to confirm, Esc to cancel"));
   } else if (state.inputMode === "p2p") {
-    bodyLines.push(chalk5.cyan(`  P2P password (${state.p2pPort}): ${state.inputBuffer}_  (enter to start, esc to cancel)`));
+    bodyLines.push(chalk4.cyan(`  P2P password (${state.p2pPort}): ${state.inputBuffer}_  (enter to start, esc to cancel)`));
   } else if (state.statusMessage) {
     bodyLines.push(`  ${state.statusMessage}`);
   }
@@ -3077,14 +2913,14 @@ function footerLine() {
     ["+/-", `${state.interval}s`],
     ["r", state.p2pServerRunning ? "stop p2p" : "start p2p"]
   ];
-  const fmt = (list) => list.map(([k, label]) => `${chalk5.hex("#50fa7b").bold(k)} ${chalk5.dim(label)}`).join(chalk5.dim("  |  "));
+  const fmt = (list) => list.map(([k, label]) => `${chalk4.hex("#50fa7b").bold(k)} ${chalk4.dim(label)}`).join(chalk4.dim("  |  "));
   const str1 = fmt(row1);
   const str2 = fmt(row2);
   const badges = [];
-  if (state.paused) badges.push(chalk5.yellow.bold("\u23F8 PAUSED"));
-  if (state.logging) badges.push(chalk5.red.bold("\u25CF REC"));
-  if (state.activePanel !== "grid") badges.push(chalk5.cyan.bold(`\u25C9 ${state.activePanel.toUpperCase()}`));
-  if (state.p2pServerRunning) badges.push(chalk5.green.bold(`P2P ${state.p2pBind || "0.0.0.0"}:${state.p2pPort}`));
+  if (state.paused) badges.push(chalk4.yellow.bold("\u23F8 PAUSED"));
+  if (state.logging) badges.push(chalk4.red.bold("\u25CF REC"));
+  if (state.activePanel !== "grid") badges.push(chalk4.cyan.bold(`\u25C9 ${state.activePanel.toUpperCase()}`));
+  if (state.p2pServerRunning) badges.push(chalk4.green.bold(`P2P ${state.p2pBind || "0.0.0.0"}:${state.p2pPort}`));
   const badgeStr = badges.join("  ") || " ";
   return [str1, str2, badgeStr];
 }
@@ -3131,7 +2967,7 @@ function checkAlerts(data) {
     for (const a of anomalies) {
       reasons.push(`${a.metric} anomaly (\u03C3=${a.zScore.toFixed(1)})`);
     }
-    setStatus(chalk5.red(`\u26A0 Alert: ${reasons.join("; ")}`), 5e3);
+    setStatus(chalk4.red(`\u26A0 Alert: ${reasons.join("; ")}`), 5e3);
     sendNotification("pyre Alert", reasons.join("; "));
     const alertMsg = reasons.join("; ");
     if (state.webhookUrl) {
@@ -3143,7 +2979,7 @@ function checkAlerts(data) {
       });
     }
     if (state.alertCmd) {
-      exec2(state.alertCmd, { env: { ...process.env, PYRE_ALERT: alertMsg } }, () => {
+      exec(state.alertCmd, { env: { ...process.env, PYRE_ALERT: alertMsg } }, () => {
       });
     }
   } else if (!hot && !anomalyTriggered && !watchdogTriggered) {
@@ -3154,9 +2990,9 @@ function checkAlerts(data) {
 // src/p2p/server.ts
 import net from "net";
 import tls from "tls";
-import fs4 from "fs";
+import fs3 from "fs";
 import crypto2 from "crypto";
-import chalk6 from "chalk";
+import chalk5 from "chalk";
 
 // src/p2p/protocol.ts
 import crypto from "crypto";
@@ -3299,22 +3135,22 @@ var P2PServer = class {
   async start() {
     if (this.options.auditLog) {
       try {
-        fs4.mkdirSync(this.options.auditLog, { recursive: true });
+        fs3.mkdirSync(this.options.auditLog, { recursive: true });
         const logFile = `${this.options.auditLog}/p2p-audit.log`;
-        this.auditStream = fs4.createWriteStream(logFile, { flags: "a" });
+        this.auditStream = fs3.createWriteStream(logFile, { flags: "a" });
       } catch {
-        this.log(chalk6.yellow("Warning: could not open audit log"));
+        this.log(chalk5.yellow("Warning: could not open audit log"));
       }
     }
     return new Promise((resolve, reject) => {
       const useTLS = !!(this.options.tlsCert && this.options.tlsKey);
       if (useTLS) {
         const tlsOptions = {
-          key: fs4.readFileSync(this.options.tlsKey),
-          cert: fs4.readFileSync(this.options.tlsCert)
+          key: fs3.readFileSync(this.options.tlsKey),
+          cert: fs3.readFileSync(this.options.tlsCert)
         };
         if (this.options.tlsCA) {
-          tlsOptions.ca = fs4.readFileSync(this.options.tlsCA);
+          tlsOptions.ca = fs3.readFileSync(this.options.tlsCA);
         }
         this.server = tls.createServer(tlsOptions, (socket) => this.onConnection(socket));
       } else {
@@ -3327,13 +3163,13 @@ var P2PServer = class {
         const bound = addr ? typeof addr === "object" ? `${addr.address}:${addr.port}` : String(addr) : "unknown";
         this.boundAddress = typeof addr === "object" && addr ? addr.address : String(addr);
         const protocol = useTLS ? "TLS" : "TCP";
-        this.log(chalk6.green(`P2P server listening on ${bound} (${protocol})`));
-        this.log(chalk6.dim(`  Password: ${this.options.password}`));
-        this.log(chalk6.dim(`  Interval: ${this.options.intervalMs}ms`));
+        this.log(chalk5.green(`P2P server listening on ${bound} (${protocol})`));
+        this.log(chalk5.dim(`  Password: ${this.options.password}`));
+        this.log(chalk5.dim(`  Interval: ${this.options.intervalMs}ms`));
         const allowedIPs = this.options.allowedIPs ?? [];
         const deniedIPs = this.options.deniedIPs ?? [];
-        if (allowedIPs.length > 0) this.log(chalk6.dim(`  Allowed IPs: ${allowedIPs.join(", ")}`));
-        if (deniedIPs.length > 0) this.log(chalk6.dim(`  Denied IPs: ${deniedIPs.join(", ")}`));
+        if (allowedIPs.length > 0) this.log(chalk5.dim(`  Allowed IPs: ${allowedIPs.join(", ")}`));
+        if (deniedIPs.length > 0) this.log(chalk5.dim(`  Denied IPs: ${deniedIPs.join(", ")}`));
         this.emitPeerEvent("connect", `Server listening on ${bound}`);
         resolve();
       });
@@ -3403,14 +3239,14 @@ var P2PServer = class {
     const deniedIPs = this.options.deniedIPs ?? [];
     if (!isIPAllowed(ip, allowedIPs, deniedIPs)) {
       this.audit(ip, "BLOCKED", "IP not allowed");
-      this.log(chalk6.yellow(`Blocked IP: ${ip}`));
+      this.log(chalk5.yellow(`Blocked IP: ${ip}`));
       this.emitPeerEvent("blocked", ip);
       socket.destroy();
       return;
     }
     if (!this.checkRateLimit(ip)) {
       this.audit(ip, "RATE_LIMITED", "Too many auth attempts");
-      this.log(chalk6.yellow(`Rate limit exceeded for IP: ${ip}`));
+      this.log(chalk5.yellow(`Rate limit exceeded for IP: ${ip}`));
       this.emitPeerEvent("rate_limited", ip);
       socket.destroy();
       return;
@@ -3428,7 +3264,7 @@ var P2PServer = class {
     };
     this.peers.set(socket, peer);
     const remoteAddr = `${ip}:${socket.remotePort ?? "?"}`;
-    this.log(chalk6.cyan(`Peer connected: ${remoteAddr}`));
+    this.log(chalk5.cyan(`Peer connected: ${remoteAddr}`));
     this.audit(ip, "CONNECT", remoteAddr);
     this.emitPeerEvent("connect", remoteAddr);
     socket.on("data", (data) => this.onData(peer, data));
@@ -3462,7 +3298,7 @@ var P2PServer = class {
         this.sendSigned(peer, signMessage("auth-fail", { ok: false, reason: "Expected auth message first" }, this.hmacKey));
         this.disconnectPeer(peer, "Expected auth message");
         this.emitPeerEvent("error", `Expected auth message from ${peer.ip}`);
-        this.log(chalk6.red(`Auth failed from ${peer.ip}: expected auth message first`));
+        this.log(chalk5.red(`Auth failed from ${peer.ip}: expected auth message first`));
         return;
       }
       const authPayload = msg.payload;
@@ -3470,7 +3306,7 @@ var P2PServer = class {
         this.sendSigned(peer, signMessage("auth-fail", { ok: false, reason: "Invalid auth payload" }, this.hmacKey));
         this.disconnectPeer(peer, "Invalid auth payload");
         this.emitPeerEvent("error", `Invalid auth payload from ${peer.ip}`);
-        this.log(chalk6.red(`Auth failed from ${peer.ip}: invalid auth payload`));
+        this.log(chalk5.red(`Auth failed from ${peer.ip}: invalid auth payload`));
         return;
       }
       if (peer.pendingNonce && authPayload.nonce !== peer.pendingNonce) {
@@ -3478,7 +3314,7 @@ var P2PServer = class {
         this.sendSigned(peer, signMessage("auth-fail", { ok: false, reason: "Invalid nonce" }, this.hmacKey));
         this.disconnectPeer(peer, "Invalid nonce");
         this.emitPeerEvent("error", `Invalid nonce from ${peer.ip}`);
-        this.log(chalk6.red(`Auth failed from ${peer.ip}: invalid nonce`));
+        this.log(chalk5.red(`Auth failed from ${peer.ip}: invalid nonce`));
         return;
       }
       const expectedHash = hashPassword(this.options.password, authPayload.nonce);
@@ -3487,14 +3323,14 @@ var P2PServer = class {
         this.sendSigned(peer, signMessage("auth-fail", { ok: false, reason: "Invalid password" }, this.hmacKey));
         this.disconnectPeer(peer, "Authentication failed");
         this.emitPeerEvent("error", `Invalid password from ${peer.ip}`);
-        this.log(chalk6.red(`Auth failed from ${peer.ip}: invalid password`));
+        this.log(chalk5.red(`Auth failed from ${peer.ip}: invalid password`));
         return;
       }
       peer.authenticated = true;
       this.cleanupRateLimit(peer.ip);
       peer.pendingNonce = null;
       this.sendSigned(peer, signMessage("auth-ok", { ok: true }, this.hmacKey));
-      this.log(chalk6.green(`Peer authenticated: ${peer.ip}`));
+      this.log(chalk5.green(`Peer authenticated: ${peer.ip}`));
       this.audit(peer.ip, "AUTH_OK", "Challenge-response successful");
       this.emitPeerEvent("auth", peer.ip);
       this.startDataStream(peer);
@@ -3502,7 +3338,7 @@ var P2PServer = class {
     } catch {
       this.sendSigned(peer, signMessage("auth-fail", { ok: false, reason: "Invalid message format" }, this.hmacKey));
       this.disconnectPeer(peer, "Invalid message format");
-      this.log(chalk6.red(`Auth failed from ${peer.ip}: invalid message format`));
+      this.log(chalk5.red(`Auth failed from ${peer.ip}: invalid message format`));
     }
   }
   sendSigned(peer, message) {
@@ -3534,7 +3370,7 @@ var P2PServer = class {
   }
   onPeerClose(peer) {
     this.cleanupPeer(peer);
-    this.log(chalk6.yellow(`Peer disconnected: ${peer.ip}`));
+    this.log(chalk5.yellow(`Peer disconnected: ${peer.ip}`));
     this.emitPeerEvent("disconnect", peer.ip);
     this.audit(peer.ip, "DISCONNECT", "Peer closed connection");
   }
@@ -3542,13 +3378,13 @@ var P2PServer = class {
     const addr = peer.socket.remoteAddress ?? peer.ip;
     const code = err.code;
     if (code === "ECONNRESET") {
-      this.log(chalk6.yellow(`Peer connection reset: ${addr}`));
+      this.log(chalk5.yellow(`Peer connection reset: ${addr}`));
       this.audit(peer.ip, "ERROR", "Connection reset");
       this.emitPeerEvent("error", `connection reset: ${addr}`);
     } else if (code === "EPIPE") {
       this.audit(peer.ip, "ERROR", "Broken pipe");
     } else {
-      this.log(chalk6.red(`Peer error: ${err.message}`));
+      this.log(chalk5.red(`Peer error: ${err.message}`));
       this.audit(peer.ip, "ERROR", err.message);
       this.emitPeerEvent("error", err.message);
     }
@@ -3582,9 +3418,9 @@ async function startP2PServer(options) {
 // src/p2p/client.ts
 import net2 from "net";
 import tls2 from "tls";
-import fs5 from "fs";
+import fs4 from "fs";
 import crypto3 from "crypto";
-import chalk7 from "chalk";
+import chalk6 from "chalk";
 var P2PClient = class {
   socket = null;
   options;
@@ -3610,11 +3446,11 @@ var P2PClient = class {
   async connect() {
     if (this.options.auditLog) {
       try {
-        fs5.mkdirSync(this.options.auditLog, { recursive: true });
+        fs4.mkdirSync(this.options.auditLog, { recursive: true });
         const logFile = `${this.options.auditLog}/p2p-client-audit.log`;
-        this.auditStream = fs5.createWriteStream(logFile, { flags: "a" });
+        this.auditStream = fs4.createWriteStream(logFile, { flags: "a" });
       } catch {
-        console.log(chalk7.yellow("Warning: could not open audit log"));
+        console.log(chalk6.yellow("Warning: could not open audit log"));
       }
     }
     const host = sanitizeHost(this.options.host);
@@ -3627,7 +3463,7 @@ var P2PClient = class {
           rejectUnauthorized: !this.options.tlsInsecure
         };
         if (this.options.tlsCA) {
-          tlsOptions.ca = fs5.readFileSync(this.options.tlsCA);
+          tlsOptions.ca = fs4.readFileSync(this.options.tlsCA);
         }
         this.socket = tls2.connect(tlsOptions, () => {
           this.running = true;
@@ -3841,10 +3677,10 @@ function persistConfig() {
   });
 }
 function isUpKey(key, str) {
-  return key.name === "up" || str === "k" || key.sequence === "\x1B[A" || key.sequence === "\x1BOA";
+  return key.name === "up" || key.sequence === "\x1B[A" || key.sequence === "\x1BOA";
 }
 function isDownKey(key, str) {
-  return key.name === "down" || str === "j" || key.sequence === "\x1B[B" || key.sequence === "\x1BOB";
+  return key.name === "down" || key.sequence === "\x1B[B" || key.sequence === "\x1BOB";
 }
 function isEnterKey(key, str) {
   return key.name === "return" || key.name === "enter" || key.sequence === "\r" || key.sequence === "\n" || str === "\r" || str === "\n";
@@ -3997,12 +3833,21 @@ function handleInputModeKey(str, key) {
     render();
   }
 }
+var confirmKillPid = null;
 function killProcess(pidStr, signal = "SIGTERM") {
   const pid = parseInt(pidStr, 10);
   if (!pid || pid <= 0) {
     setStatus(`Invalid PID: ${pidStr}`);
     return;
   }
+  const isProtected = pid === 1 || pid === process.pid || pid === process.ppid;
+  if (isProtected && confirmKillPid !== pid) {
+    confirmKillPid = pid;
+    const name = pid === 1 ? "launchd (system init)" : pid === process.pid ? "pyre itself" : "parent process";
+    setStatus(`\u26A0\uFE0F PROTECTED PID ${pid} (${name})! Re-enter PID ${pid} to confirm termination.`, 8e3);
+    return;
+  }
+  confirmKillPid = null;
   try {
     process.kill(pid, signal);
     setStatus(`Sent ${signal} to PID ${pid}`);
@@ -4425,7 +4270,7 @@ function stopLive() {
 }
 
 // src/splash.ts
-import chalk8 from "chalk";
+import chalk7 from "chalk";
 var MAXV = 36;
 var CHAR_RAMP = [" ", ".", "`", ",", ":", ";", "+", "*", "?", "%", "#", "@"];
 var PALETTES = {
@@ -4729,12 +4574,12 @@ async function showSplash(config3) {
         for (let x = 0; x < cols; x++) {
           const v = fire[y * cols + x];
           const color = rgbPalette[Math.min(v, rgbPalette.length - 1)];
-          output += chalk8.rgb(color.r, color.g, color.b)(getChar(v));
+          output += chalk7.rgb(color.r, color.g, color.b)(getChar(v));
         }
         output += "\n";
       }
-      output += " ".repeat(Math.max(0, startCol + (cols - 45) / 2)) + chalk8.bold.white("\u{1F525} pyre \u2014 system monitor (warming up sensors...)\n");
-      output += " ".repeat(Math.max(0, startCol + (cols - 25) / 2)) + chalk8.dim("[Press Enter to continue]");
+      output += " ".repeat(Math.max(0, startCol + (cols - 45) / 2)) + chalk7.bold.white("\u{1F525} pyre \u2014 system monitor (warming up sensors...)\n");
+      output += " ".repeat(Math.max(0, startCol + (cols - 25) / 2)) + chalk7.dim("[Press Enter to continue]");
       process.stdout.write(`\x1B[H${output}`);
     }, 65);
     const onEnter = () => {
@@ -4751,22 +4596,22 @@ async function showSplash(config3) {
 }
 
 // src/historyCmd.ts
-import fs6 from "fs";
-import path4 from "path";
-import chalk9 from "chalk";
+import fs5 from "fs";
+import path3 from "path";
+import chalk8 from "chalk";
 function runHistoryCommand(opts2 = {}) {
   const days = opts2.days || 7;
   const dir = opts2.dir || "./pyre-exports";
-  console.log(chalk9.bold(`
+  console.log(chalk8.bold(`
   pyre history \u2014 Past ${days} Days Trend
 `));
-  if (!fs6.existsSync(dir)) {
-    console.log(chalk9.yellow(`  No logs directory found at ${dir}`));
+  if (!fs5.existsSync(dir)) {
+    console.log(chalk8.yellow(`  No logs directory found at ${dir}`));
     return;
   }
-  const files = fs6.readdirSync(dir).filter((f) => f.startsWith("pyre-log-") && f.endsWith(".csv"));
+  const files = fs5.readdirSync(dir).filter((f) => f.startsWith("pyre-log-") && f.endsWith(".csv"));
   if (files.length === 0) {
-    console.log(chalk9.yellow(`  No CSV logs found in ${dir}`));
+    console.log(chalk8.yellow(`  No CSV logs found in ${dir}`));
     return;
   }
   const cutoff = Date.now() - days * 24 * 60 * 60 * 1e3;
@@ -4774,9 +4619,9 @@ function runHistoryCommand(opts2 = {}) {
   const memPoints = [];
   const tempPoints = [];
   for (const file of files.sort()) {
-    const fullPath = path4.join(dir, file);
+    const fullPath = path3.join(dir, file);
     try {
-      const content = fs6.readFileSync(fullPath, "utf-8");
+      const content = fs5.readFileSync(fullPath, "utf-8");
       const lines = content.split("\n").slice(1);
       for (const line of lines) {
         if (!line.trim()) continue;
@@ -4798,7 +4643,7 @@ function runHistoryCommand(opts2 = {}) {
     }
   }
   if (cpuPoints.length === 0) {
-    console.log(chalk9.yellow(`  No historical entries recorded within the last ${days} days.`));
+    console.log(chalk8.yellow(`  No historical entries recorded within the last ${days} days.`));
     return;
   }
   console.log(`  Data Points: ${cpuPoints.length} logged snapshots`);
@@ -4811,22 +4656,22 @@ function runHistoryCommand(opts2 = {}) {
 }
 
 // src/diffCmd.ts
-import fs7 from "fs";
-import chalk10 from "chalk";
+import fs6 from "fs";
+import chalk9 from "chalk";
 function runDiffCommand(file1, file2) {
-  console.log(chalk10.bold(`
+  console.log(chalk9.bold(`
   pyre diff \u2014 Snapshot Comparison
 `));
-  console.log(chalk10.dim(`  Snapshot A: ${file1}`));
-  console.log(chalk10.dim(`  Snapshot B: ${file2}
+  console.log(chalk9.dim(`  Snapshot A: ${file1}`));
+  console.log(chalk9.dim(`  Snapshot B: ${file2}
 `));
   try {
-    const dataA = JSON.parse(fs7.readFileSync(file1, "utf-8"));
-    const dataB = JSON.parse(fs7.readFileSync(file2, "utf-8"));
+    const dataA = JSON.parse(fs6.readFileSync(file1, "utf-8"));
+    const dataB = JSON.parse(fs6.readFileSync(file2, "utf-8"));
     const diffNum = (label, valA, valB, unit = "") => {
       const delta = valB - valA;
       const sign = delta > 0 ? "+" : "";
-      const color = delta > 0 ? chalk10.red : delta < 0 ? chalk10.green : chalk10.dim;
+      const color = delta > 0 ? chalk9.red : delta < 0 ? chalk9.green : chalk9.dim;
       console.log(`  ${label.padEnd(20)} ${valA.toFixed(1)}${unit} \u2794 ${valB.toFixed(1)}${unit} (${color(sign + delta.toFixed(1) + unit)})`);
     };
     diffNum("CPU Usage", dataA.cpu.usage, dataB.cpu.usage, "%");
@@ -4841,15 +4686,15 @@ function runDiffCommand(file1, file2) {
     diffNum("Network TX Packets", dataA.network.txPackets, dataB.network.txPackets);
     console.log();
   } catch (err) {
-    console.log(chalk10.red(`Failed to compare snapshots: ${err.message}`));
+    console.log(chalk9.red(`Failed to compare snapshots: ${err.message}`));
   }
 }
 
 // src/xbar.ts
-import fs8 from "fs";
-import path5 from "path";
-import os4 from "os";
-import chalk11 from "chalk";
+import fs7 from "fs";
+import path4 from "path";
+import os2 from "os";
+import chalk10 from "chalk";
 function generateXbarPlugin() {
   const pyrePath = process.argv[1];
   const nodePath = process.execPath;
@@ -4884,22 +4729,22 @@ echo "\u{1F525} C:\${CPU}% M:\${MEM}% T:\${TEMP}\xB0C | font=Menlo"
 echo "---"
 echo "Open Dashboard | bash='${nodePath}' param1='${pyrePath}' param2='live' terminal=true"
 `;
-  const pluginDir = path5.join(os4.homedir(), "Library", "Application Support", "xbar", "plugins");
+  const pluginDir = path4.join(os2.homedir(), "Library", "Application Support", "xbar", "plugins");
   const filename = "pyre-monitor.2s.sh";
-  const outPath = path5.join(process.cwd(), filename);
-  fs8.writeFileSync(outPath, script);
-  fs8.chmodSync(outPath, "755");
-  console.log(chalk11.green(`Generated xbar plugin script at ${outPath}`));
+  const outPath = path4.join(process.cwd(), filename);
+  fs7.writeFileSync(outPath, script);
+  fs7.chmodSync(outPath, "755");
+  console.log(chalk10.green(`Generated xbar plugin script at ${outPath}`));
   console.log(`To install, move it to your xbar plugins directory:`);
-  console.log(chalk11.cyan(`  mv ${filename} "${pluginDir}/"`));
+  console.log(chalk10.cyan(`  mv ${filename} "${pluginDir}/"`));
   console.log(`Then refresh xbar.`);
 }
 
 // src/fleet.ts
 import { execSync } from "child_process";
-import chalk12 from "chalk";
+import chalk11 from "chalk";
 function runFleetCommand(hosts) {
-  console.log(chalk12.cyan(`Fetching data from ${hosts.length} hosts...`));
+  console.log(chalk11.cyan(`Fetching data from ${hosts.length} hosts...`));
   const results = [];
   for (const host of hosts) {
     try {
@@ -4911,11 +4756,11 @@ function runFleetCommand(hosts) {
     }
   }
   for (const result of results) {
-    console.log(chalk12.bold.blue(`
+    console.log(chalk11.bold.blue(`
 === ${result.host} ===
 `));
     if (result.error) {
-      console.log(chalk12.red(`Error connecting to host: ${result.error}`));
+      console.log(chalk11.red(`Error connecting to host: ${result.error}`));
     } else if (result.data) {
       console.log(formatTable(result.data, { width: process.stdout.columns || 80, activePanel: "grid" }));
     }
@@ -4924,11 +4769,14 @@ function runFleetCommand(hosts) {
 
 // src/index.ts
 var config2 = readConfig();
-var pkg = JSON.parse(fs9.readFileSync(new URL("../package.json", import.meta.url), "utf-8"));
+var pkg = JSON.parse(fs8.readFileSync(new URL("../package.json", import.meta.url), "utf-8"));
 var program = new Command();
-program.name("pyre").version(pkg.version).description("Mac system monitoring CLI: interactive live dashboard, stats, graphs, export, packet monitor, battery predictor").option("-j, --json", "Output as JSON").option("--html", "Output as HTML").option("--md", "Output as Markdown").option("-c, --csv", "Output as CSV").option("-t, --tsv", "Output as TSV").option("--detailed", "Include detailed system info and sensor readings").option("--theme <name>", "Default theme for live mode (default, dracula, cyberpunk, monochrome, nord, gruvbox)", config2.theme).option("--interval <seconds>", "Refresh interval for live mode", String(config2.interval)).option("--once", "Show a single static snapshot instead of live feed").option("--out <file>", "Also write the snapshot output to a file (--once/--json/--csv/--tsv modes)").option("--export-dir <dir>", "Directory used for live-mode snapshot exports and logs", config2.exportDir).option("--log", "Start continuous CSV logging immediately when live mode starts").option("--tree", "Show process tree view instead of flat list").option("--sort <key>", "Sort processes by: cpu, mem, pid, user, command, state, threads, runtime", config2.sortMode).option("--packets", "Include packet monitor panel in output").option("--limit <n>", "Max number of processes to include in --once/--json/--csv/--tsv snapshots (0 = all)", "10").option("--alert-cpu <pct>", "CPU usage alert threshold (default: 90)", String(config2.cpuAlertPct)).option("--alert-temp <c>", "CPU temperature alert threshold in Celsius (default: 95)", String(config2.tempAlertC)).option("--temp-unit <unit>", "Temperature display unit: c or f (default: c)", "c").option("--p2p-host <host>", "P2P host address (server: bind address, client: server address)").option("--p2p-port <port>", "P2P port number", "9876").option("--p2p-password <password>", "Password for P2P authentication").option("--p2p-tls", "Enable TLS encryption for P2P connections").option("--p2p-cert <file>", "TLS certificate file (PEM) for P2P server").option("--p2p-key <file>", "TLS private key file (PEM) for P2P server").option("--p2p-ca <file>", "TLS CA certificate file (PEM) for P2P client").option("--p2p-insecure", "Skip TLS certificate verification (client only)").option("--p2p-rate-limit <n>", "Max auth attempts per IP per minute (default: 5)", "5").option("--p2p-allow <ips>", "Comma-separated list of allowed IPs (empty = all)").option("--p2p-deny <ips>", "Comma-separated list of denied IPs").option("--p2p-audit-log <dir>", "Directory for P2P audit logs").option("--p2p-hmac-key <key>", "HMAC key for message signing (default: derived from password)").option("--webhook-url <url>", "URL to POST to on alert").option("--alert-cmd <cmd>", "Command to execute on alert").option("--port <port>", "Port number for web server mode", "3000");
+program.name("pyre").version(pkg.version).description("Mac system monitoring CLI: interactive live dashboard, stats, graphs, export, packet monitor, battery predictor").option("-j, --json", "Output as JSON").option("--html", "Output as HTML").option("--md", "Output as Markdown").option("-c, --csv", "Output as CSV").option("-t, --tsv", "Output as TSV").option("--detailed", "Include detailed system info and sensor readings").option("--theme <name>", "Default theme for live mode (default, dracula, cyberpunk, monochrome, nord, gruvbox)", config2.theme).option("--interval <seconds>", "Refresh interval for live mode", String(config2.interval)).option("--once", "Show a single static snapshot instead of live feed").option("--out <file>", "Also write the snapshot output to a file (--once/--json/--csv/--tsv modes)").option("--export-dir <dir>", "Directory used for live-mode snapshot exports and logs", config2.exportDir).option("--log", "Start continuous CSV logging immediately when live mode starts").option("--tree", "Show process tree view instead of flat list").option("--sort <key>", "Sort processes by: cpu, mem, pid, user, command, state, threads, runtime", config2.sortMode).option("--packets", "Include packet monitor panel in output").option("--limit <n>", "Max number of processes to include in --once/--json/--csv/--tsv snapshots (0 = all)", "10").option("--alert-cpu <pct>", "CPU usage alert threshold (default: 90)", String(config2.cpuAlertPct)).option("--alert-temp <c>", "CPU temperature alert threshold in Celsius (default: 95)", String(config2.tempAlertC)).option("--temp-unit <unit>", "Temperature display unit: c or f (default: c)", "c").option("--p2p-host <host>", "P2P host address (server: bind address, client: server address)").option("--p2p-port <port>", "P2P port number", "9876").option("--p2p-password <password>", "Password for P2P authentication").option("--p2p-tls", "Enable TLS encryption for P2P connections").option("--p2p-cert <file>", "TLS certificate file (PEM) for P2P server").option("--p2p-key <file>", "TLS private key file (PEM) for P2P server").option("--p2p-ca <file>", "TLS CA certificate file (PEM) for P2P client").option("--p2p-insecure", "Skip TLS certificate verification (client only)").option("--p2p-rate-limit <n>", "Max auth attempts per IP per minute (default: 5)", "5").option("--p2p-allow <ips>", "Comma-separated list of allowed IPs (empty = all)").option("--p2p-deny <ips>", "Comma-separated list of denied IPs").option("--p2p-audit-log <dir>", "Directory for P2P audit logs").option("--p2p-hmac-key <key>", "HMAC key for message signing (default: derived from password)").option("--since <range>", "Time range for anomalies digest (e.g. 1d, 7d, yesterday)").option("--plain", "Output in plain accessible text without ANSI colors or line-drawing characters").option("--a11y", "Alias for --plain").option("--webhook-url <url>", "URL to POST to on alert").option("--alert-cmd <cmd>", "Command to execute on alert").option("--port <port>", "Port number for web server mode", "3000");
 program.parse(process.argv);
 var opts = program.opts();
+if (opts.plain || opts.a11y) {
+  chalk12.level = 0;
+}
 function isExportMode() {
   return opts.json || opts.csv || opts.tsv || opts.html || opts.md;
 }
@@ -4939,7 +4787,7 @@ function sanitizeHost2(host) {
   return host.trim().replace(/%$/, "");
 }
 function detectLocalIP() {
-  const ifaces = os5.networkInterfaces();
+  const ifaces = os3.networkInterfaces();
   const prioritizedNames = ["en0", "en1", "wlan0", "eth0"];
   for (const name of prioritizedNames) {
     const addrs = ifaces[name];
@@ -4964,26 +4812,76 @@ function detectLocalIP() {
 async function runServerCommand() {
   const ip = detectLocalIP();
   if (!ip) {
-    console.log(chalk13.red("Could not detect a non-loopback IP address. Connect to a network first."));
+    console.log(chalk12.red("Could not detect a non-loopback IP address. Connect to a network first."));
     process.exit(1);
   }
   const port = 9876;
   const password = "mysecret";
-  console.log(chalk13.bold(`
+  console.log(chalk12.bold(`
   pyre server`));
-  console.log(chalk13.dim(`  Detected IP: ${ip}`));
-  console.log(chalk13.dim(`  Port: ${port}`));
-  console.log(chalk13.dim(`  Password: ${password}`));
+  console.log(chalk12.dim(`  Detected IP: ${ip}`));
+  console.log(chalk12.dim(`  Port: ${port}`));
+  console.log(chalk12.dim(`  Password: ${password}`));
   console.log();
-  console.log(chalk13.bold("Run this on THIS machine (server):"));
-  console.log(chalk13.hex("#ff6a39")(`pyre p2p server --p2p-host 0.0.0.0 --p2p-port ${port} --p2p-password ${password}`));
+  console.log(chalk12.bold("Run this on THIS machine (server):"));
+  console.log(chalk12.hex("#ff6a39")(`pyre p2p server --p2p-host 0.0.0.0 --p2p-port ${port} --p2p-password ${password}`));
   console.log();
-  console.log(chalk13.bold("Run this on the OTHER machine (client):"));
-  console.log(chalk13.hex("#ff6a39")(`pyre p2p connect --p2p-host ${ip} --p2p-port ${port} --p2p-password ${password}`));
+  console.log(chalk12.bold("Run this on the OTHER machine (client):"));
+  console.log(chalk12.hex("#ff6a39")(`pyre p2p connect --p2p-host ${ip} --p2p-port ${port} --p2p-password ${password}`));
   console.log();
 }
 async function main() {
   const cmd = program.args[0];
+  if (cmd === "anomalies") {
+    const { runAnomaliesDigest } = await import("./anomaliesCmd-TO52YY2B.js");
+    runAnomaliesDigest({ since: opts.since || "7d", dir: opts.exportDir });
+    return;
+  }
+  if (cmd === "extensions") {
+    const { printExtensionsReport } = await import("./extensions-QCFSVCL5.js");
+    await printExtensionsReport();
+    return;
+  }
+  if (cmd === "brew") {
+    const { printBrewHealthReport } = await import("./brewHealth-6NE37NAU.js");
+    await printBrewHealthReport();
+    return;
+  }
+  if (cmd === "update") {
+    const { printUpdateReport } = await import("./updateCheck-52X6LJG5.js");
+    await printUpdateReport(pkg.version);
+    return;
+  }
+  if (cmd === "profile") {
+    const sub = program.args[1];
+    const name = program.args[2];
+    const { saveProfile, loadProfile, listProfiles } = await import("./config-4ZLF4HTS.js");
+    if (sub === "save" && name) {
+      saveProfile(name);
+      console.log(chalk12.green(`  \u2714 Profile '${name}' saved successfully.`));
+    } else if (sub === "load" && name) {
+      try {
+        loadProfile(name);
+        console.log(chalk12.green(`  \u2714 Profile '${name}' loaded successfully.`));
+      } catch (err) {
+        console.log(chalk12.red(`  \u2716 ${err.message}`));
+      }
+    } else if (sub === "list") {
+      const profiles = listProfiles();
+      console.log(chalk12.bold("\n  pyre Profiles:\n"));
+      if (profiles.length === 0) {
+        console.log(chalk12.dim("  No saved profiles found. Save one with `pyre profile save <name>`."));
+      } else {
+        for (const p of profiles) {
+          console.log(`  \u2022 ${p}`);
+        }
+      }
+      console.log();
+    } else {
+      console.log("Usage: pyre profile <save|load|list> [name]");
+    }
+    return;
+  }
   if (cmd === "history") {
     const daysIdx = program.args.indexOf("--days");
     const days = daysIdx !== -1 ? parseInt(program.args[daysIdx + 1], 10) || 7 : 7;
@@ -4994,7 +4892,7 @@ async function main() {
     const file1 = program.args[1];
     const file2 = program.args[2];
     if (!file1 || !file2) {
-      console.log(chalk13.red("Usage: pyre diff <snapshot1.json> <snapshot2.json>"));
+      console.log(chalk12.red("Usage: pyre diff <snapshot1.json> <snapshot2.json>"));
       process.exit(1);
     }
     runDiffCommand(file1, file2);
@@ -5003,7 +4901,7 @@ async function main() {
   if (cmd === "ssh") {
     const host = program.args[1];
     if (!host) {
-      console.log(chalk13.red("Usage: pyre ssh <host>"));
+      console.log(chalk12.red("Usage: pyre ssh <host>"));
       process.exit(1);
     }
     await runSshCommand(host);
@@ -5013,10 +4911,14 @@ async function main() {
     await runWebCommand();
     return;
   }
+  if (cmd === "ui") {
+    await runUiCommand();
+    return;
+  }
   if (cmd === "bench") {
     const benchCmd = program.args.slice(1).join(" ");
     if (!benchCmd) {
-      console.log(chalk13.red("Usage: pyre bench <command>"));
+      console.log(chalk12.red("Usage: pyre bench <command>"));
       process.exit(1);
     }
     await runBenchCommand(benchCmd);
@@ -5028,8 +4930,8 @@ async function main() {
       const cfg = readConfig();
       console.log(JSON.stringify(cfg, null, 2));
     } else if (sub === "reset") {
-      fs9.rmSync(CONFIG_FILE, { force: true });
-      console.log(chalk13.green("Config reset to defaults"));
+      fs8.rmSync(CONFIG_FILE, { force: true });
+      console.log(chalk12.green("Config reset to defaults"));
     } else {
       console.log("Usage: pyre config <show|reset>");
     }
@@ -5043,10 +4945,26 @@ async function main() {
     generateXbarPlugin();
     return;
   }
+  if (cmd === "doctor") {
+    const { runDoctor, printDoctorReport } = await import("./doctor-LJQAABZ4.js");
+    const checks = await runDoctor();
+    printDoctorReport(checks);
+    return;
+  }
+  if (cmd === "info") {
+    await runInfoCommand();
+    return;
+  }
+  if (cmd === "completions") {
+    const { printCompletions } = await import("./completions-VQMHQCXE.js");
+    const shell = program.args[1] || "zsh";
+    printCompletions(shell);
+    return;
+  }
   if (cmd === "fleet") {
     const hosts = program.args.slice(1);
     if (hosts.length === 0) {
-      console.error(chalk13.red("Usage: pyre fleet <host1> [host2] ..."));
+      console.error(chalk12.red("Usage: pyre fleet <host1> [host2] ..."));
       process.exit(1);
     }
     runFleetCommand(hosts);
@@ -5093,7 +5011,7 @@ async function main() {
       await runP2PConnect();
       return;
     } else {
-      console.log(chalk13.red("Usage: pyre p2p <server|connect> [options]"));
+      console.log(chalk12.red("Usage: pyre p2p <server|connect> [options]"));
       process.exit(1);
     }
   }
@@ -5109,13 +5027,13 @@ async function main() {
   else output = formatTable(data, { width: process.stdout.columns || 80, sortBy: opts.sort, treeView: opts.tree ?? config2.treeView, visible: { packets: opts.packets ? true : void 0 } });
   console.log(output);
   if (opts.out) {
-    fs9.writeFileSync(opts.out, stripAnsi(output));
-    console.log(chalk13.dim(`
+    fs8.writeFileSync(opts.out, stripAnsi(output));
+    console.log(chalk12.dim(`
 Saved to ${opts.out}`));
   }
 }
 main().catch((err) => {
-  console.error(chalk13.red(`Error: ${err.message}`));
+  console.error(chalk12.red(`Error: ${err.message}`));
   process.exit(1);
 });
 async function runP2PServer() {
@@ -5131,15 +5049,15 @@ async function runP2PServer() {
   const allowList = opts.p2pAllow ? opts.p2pAllow.split(",").map((s) => s.trim()).filter(Boolean) : [];
   const denyList = opts.p2pDeny ? opts.p2pDeny.split(",").map((s) => s.trim()).filter(Boolean) : [];
   if (!password) {
-    console.log(chalk13.red("Error: a password is required for P2P server mode. Use --p2p-password <password>"));
+    console.log(chalk12.red("Error: a password is required for P2P server mode. Use --p2p-password <password>"));
     process.exit(1);
   }
   if (tlsCert && !tlsKey) {
-    console.log(chalk13.red("Error: --p2p-key is required when --p2p-cert is specified"));
+    console.log(chalk12.red("Error: --p2p-key is required when --p2p-cert is specified"));
     process.exit(1);
   }
   if (tlsKey && !tlsCert) {
-    console.log(chalk13.red("Error: --p2p-cert is required when --p2p-key is specified"));
+    console.log(chalk12.red("Error: --p2p-cert is required when --p2p-key is specified"));
     process.exit(1);
   }
   const server = new P2PServer({
@@ -5159,18 +5077,18 @@ async function runP2PServer() {
     hmacKey: opts.p2pHmacKey
   });
   const tlsEnabled = !!(tlsCert && tlsKey);
-  console.log(chalk13.bold(`
+  console.log(chalk12.bold(`
   pyre P2P Server`));
-  console.log(chalk13.dim(`  Host: ${host}`));
-  console.log(chalk13.dim(`  Port: ${port}`));
-  console.log(chalk13.dim(`  Protocol: ${tlsEnabled ? "TLS" : "TCP"}`));
-  console.log(chalk13.dim(`  Password: ${password}`));
-  console.log(chalk13.dim(`  Interval: ${interval}s`));
-  console.log(chalk13.dim(`  Detailed: ${detailed ? "on" : "off"}`));
-  console.log(chalk13.dim(`  Rate limit: ${rateLimit} attempts/min`));
-  if (allowList.length > 0) console.log(chalk13.dim(`  Allowed IPs: ${allowList.join(", ")}`));
-  if (denyList.length > 0) console.log(chalk13.dim(`  Denied IPs: ${denyList.join(", ")}`));
-  console.log(chalk13.dim(`  Waiting for peers...
+  console.log(chalk12.dim(`  Host: ${host}`));
+  console.log(chalk12.dim(`  Port: ${port}`));
+  console.log(chalk12.dim(`  Protocol: ${tlsEnabled ? "TLS" : "TCP"}`));
+  console.log(chalk12.dim(`  Password: ${password}`));
+  console.log(chalk12.dim(`  Interval: ${interval}s`));
+  console.log(chalk12.dim(`  Detailed: ${detailed ? "on" : "off"}`));
+  console.log(chalk12.dim(`  Rate limit: ${rateLimit} attempts/min`));
+  if (allowList.length > 0) console.log(chalk12.dim(`  Allowed IPs: ${allowList.join(", ")}`));
+  if (denyList.length > 0) console.log(chalk12.dim(`  Denied IPs: ${denyList.join(", ")}`));
+  console.log(chalk12.dim(`  Waiting for peers...
 `));
   await server.start();
   const rl = readline2.createInterface({ input: process.stdin });
@@ -5182,7 +5100,7 @@ async function runP2PServer() {
       process.exit(0);
     } else if (trimmed === "status") {
       const info = server.info;
-      console.log(chalk13.dim(`  Peers connected: ${info.peersConnected}`));
+      console.log(chalk12.dim(`  Peers connected: ${info.peersConnected}`));
     }
   });
   process.once("SIGINT", () => {
@@ -5215,7 +5133,7 @@ async function runP2PConnect() {
   const tlsCA = opts.p2pCA;
   const tlsInsecure = !!opts.p2pInsecure;
   if (!password) {
-    console.log(chalk13.red("Error: a password is required for P2P connect mode. Use --p2p-password <password>"));
+    console.log(chalk12.red("Error: a password is required for P2P connect mode. Use --p2p-password <password>"));
     process.exit(1);
   }
   const client = new P2PClient({
@@ -5229,12 +5147,12 @@ async function runP2PConnect() {
     hmacKey: opts.p2pHmacKey
   });
   client.setOnStatus((msg) => {
-    process.stdout.write(`\r${chalk13.dim(msg)}${" ".repeat(40)}\r`);
+    process.stdout.write(`\r${chalk12.dim(msg)}${" ".repeat(40)}\r`);
   });
   client.setOnData((data) => {
     const lines = [];
-    lines.push(chalk13.bold(`  pyre P2P Client \u2014 ${data.header.hostname}`));
-    lines.push(chalk13.dim(`  ${data.timestamp}`));
+    lines.push(chalk12.bold(`  pyre P2P Client \u2014 ${data.header.hostname}`));
+    lines.push(chalk12.dim(`  ${data.timestamp}`));
     lines.push("");
     lines.push(...formatTable(data, {
       width: process.stdout.columns || 80,
@@ -5251,11 +5169,11 @@ async function runP2PConnect() {
     writeFrame2(lines);
   });
   const protocolLabel = useTLS ? "TLS" : "TCP";
-  console.log(chalk13.bold(`
+  console.log(chalk12.bold(`
   pyre P2P Client`));
-  console.log(chalk13.dim(`  Protocol: ${protocolLabel}`));
-  console.log(chalk13.dim(`  Connecting to ${host}:${port}...`));
-  console.log(chalk13.dim(`  Press Ctrl+C to disconnect
+  console.log(chalk12.dim(`  Protocol: ${protocolLabel}`));
+  console.log(chalk12.dim(`  Connecting to ${host}:${port}...`));
+  console.log(chalk12.dim(`  Press Ctrl+C to disconnect
 `));
   process.stdout.write("\x1B[?25l");
   try {
@@ -5263,23 +5181,23 @@ async function runP2PConnect() {
   } catch (err) {
     const code = err.code;
     const msg = err.message || String(err);
-    console.log(chalk13.red(`Connection failed: ${msg}`));
+    console.log(chalk12.red(`Connection failed: ${msg}`));
     if (code === "ECONNREFUSED") {
-      console.log(chalk13.yellow("  Hints:"));
-      console.log(chalk13.dim("  1. Start the server: pyre p2p server --p2p-host 0.0.0.0 --p2p-port " + port + " --p2p-password <password>"));
-      console.log(chalk13.dim("  2. Check the server IP with: hostname -I"));
-      console.log(chalk13.dim("  3. Open the port on the server firewall: sudo ufw allow " + port + "/tcp"));
+      console.log(chalk12.yellow("  Hints:"));
+      console.log(chalk12.dim("  1. Start the server: pyre p2p server --p2p-host 0.0.0.0 --p2p-port " + port + " --p2p-password <password>"));
+      console.log(chalk12.dim("  2. Check the server IP with: hostname -I"));
+      console.log(chalk12.dim("  3. Open the port on the server firewall: sudo ufw allow " + port + "/tcp"));
     } else if (code === "ETIMEDOUT") {
-      console.log(chalk13.yellow("  Hints:"));
-      console.log(chalk13.dim("  1. Verify the server IP is correct"));
-      console.log(chalk13.dim("  2. Check that both machines are on the same network/subnet"));
-      console.log(chalk13.dim("  3. Open the port on the server firewall"));
+      console.log(chalk12.yellow("  Hints:"));
+      console.log(chalk12.dim("  1. Verify the server IP is correct"));
+      console.log(chalk12.dim("  2. Check that both machines are on the same network/subnet"));
+      console.log(chalk12.dim("  3. Open the port on the server firewall"));
     } else if (code === "EHOSTDOWN" || code === "EHOSTUNREACH") {
-      console.log(chalk13.yellow("  Hints:"));
-      console.log(chalk13.dim("  1. The server at " + host + " is not responding"));
-      console.log(chalk13.dim("  2. Start the server first: pyre p2p server --p2p-host 0.0.0.0 --p2p-port " + port + " --p2p-password <password>"));
-      console.log(chalk13.dim("  3. Check connectivity: ping " + host));
-      console.log(chalk13.dim("  4. Ensure both machines are on the same LAN (ping each other first)"));
+      console.log(chalk12.yellow("  Hints:"));
+      console.log(chalk12.dim("  1. The server at " + host + " is not responding"));
+      console.log(chalk12.dim("  2. Start the server first: pyre p2p server --p2p-host 0.0.0.0 --p2p-port " + port + " --p2p-password <password>"));
+      console.log(chalk12.dim("  3. Check connectivity: ping " + host));
+      console.log(chalk12.dim("  4. Ensure both machines are on the same LAN (ping each other first)"));
     }
     process.stdout.write("\x1B[?25h");
     process.exit(1);
@@ -5291,21 +5209,62 @@ async function runP2PConnect() {
     process.exit(0);
   });
 }
+async function runInfoCommand() {
+  const data = await collectAll({ detailed: true });
+  const { getDisplayInfo, getTimeMachineStatus } = await import("./collectors-4VYRJVRO.js");
+  const displays = await getDisplayInfo();
+  const tmStatus = await getTimeMachineStatus();
+  const lines = [];
+  lines.push(chalk12.bold("  pyre info \u2014 Mac System Information"));
+  lines.push("");
+  lines.push(`  Hostname:  ${data.header.hostname}`);
+  lines.push(`  OS:        ${data.header.os}`);
+  lines.push(`  Uptime:    ${data.header.uptime}`);
+  lines.push(`  CPU:       ${data.cpu.brand}`);
+  lines.push(`  Cores:     ${data.cpu.physicalCores}/${data.cpu.cores} (phys/log)`);
+  lines.push(`  Frequency: ${data.cpu.frequency} MHz`);
+  lines.push(`  Memory:    ${formatBytes(data.memory.total)}${data.memory.pressureLevel ? ` (Pressure: ${data.memory.pressureLevel})` : ""}`);
+  if (data.memory.wiredBytes !== void 0 && data.memory.compressedBytes !== void 0) {
+    lines.push(`             Wired: ${formatBytes(data.memory.wiredBytes)} | Compressed: ${formatBytes(data.memory.compressedBytes)}`);
+  }
+  if (data.gpu) lines.push(`  GPU:       ${data.gpu.model} (${formatBytes(data.gpu.memory)})`);
+  if (data.battery) {
+    lines.push(`  Battery:   ${data.battery.level}% (${data.battery.state})`);
+    lines.push(`  Health:    ${data.battery.health}`);
+  }
+  lines.push(`  Thermal:   ${data.thermal.state}`);
+  if (displays.length > 0) {
+    lines.push("");
+    lines.push(chalk12.cyan.bold("  \u{1F5A5} Displays:"));
+    for (const d of displays) {
+      lines.push(`    \u2022 ${d.name}: ${d.resolution}${d.isMain ? " (Main)" : ""}${d.connectionType ? ` [${d.connectionType}]` : ""}`);
+    }
+  }
+  lines.push("");
+  lines.push(chalk12.cyan.bold("  \u23F1 Time Machine Backup:"));
+  if (!tmStatus.configured) {
+    lines.push("    \u2022 Not configured");
+  } else {
+    lines.push(`    \u2022 Status: ${tmStatus.running ? chalk12.yellow(`Backup in progress (${tmStatus.percent || 0}%)`) : chalk12.green("Idle")}`);
+    lines.push(`    \u2022 Latest Backup: ${tmStatus.latestBackup}`);
+  }
+  console.log(lines.join("\n"));
+}
 async function runSshCommand(host) {
   const password = opts.p2pPassword || "mysecret";
   const cmd = `ssh -o LogLevel=QUIET ${host} "pyre --json --once"`;
-  console.log(chalk13.bold(`
+  console.log(chalk12.bold(`
   pyre ssh \u2014 ${host}`));
-  console.log(chalk13.dim(`  Running: ${cmd}
+  console.log(chalk12.dim(`  Running: ${cmd}
 `));
   const { execFile: execFile2 } = await import("child_process");
   const child = execFile2("ssh", ["-o", "LogLevel=QUIET", host, "pyre", "--json", "--once"], (err, stdout, stderr) => {
     if (err) {
-      console.log(chalk13.red(`  SSH failed: ${err.message}`));
-      console.log(chalk13.dim("  Ensure SSH keys are set up or the host is reachable."));
+      console.log(chalk12.red(`  SSH failed: ${err.message}`));
+      console.log(chalk12.dim("  Ensure SSH keys are set up or the host is reachable."));
       process.exit(1);
     }
-    if (stderr) console.log(chalk13.dim(stderr));
+    if (stderr) console.log(chalk12.dim(stderr));
     try {
       const remote = JSON.parse(stdout);
       console.log(formatTable(remote, { width: process.stdout.columns || 80, sortBy: "cpu", treeView: false, visible: { packets: true } }));
@@ -5322,7 +5281,7 @@ async function runSshCommand(host) {
 }
 async function runWebCommand() {
   const http = await import("http");
-  const port = parseInt(opts.port || process.env.PORT || "3000", 10) || 3e3;
+  const port = parseInt(opts.port || process.env.PORT || "3000", 10) || (opts.port === "0" ? 0 : 3e3);
   const server = http.createServer(async (req, res) => {
     const url = req.url || "/";
     if (url === "/health" || url === "/api/health") {
@@ -5355,17 +5314,14 @@ async function runWebCommand() {
     }
     if (url === "/" || url === "/index.html") {
       res.writeHead(200, { "Content-Type": "text/html" });
-      const data = await collectAll({ detailed: true });
-      const htmlContent = formatHtml(data);
-      res.end(htmlContent);
+      res.end(getDashboardHtml());
     } else if (url === "/setup") {
       res.writeHead(200, { "Content-Type": "text/html" });
-      const indexPath = path6.join(process.cwd(), "index.html");
-      if (fs9.existsSync(indexPath)) {
-        res.end(fs9.readFileSync(indexPath, "utf-8"));
+      const indexPath = path5.join(process.cwd(), "index.html");
+      if (fs8.existsSync(indexPath)) {
+        res.end(fs8.readFileSync(indexPath, "utf-8"));
       } else {
-        const data = await collectAll({ detailed: true });
-        res.end(formatHtml(data));
+        res.end(getDashboardHtml());
       }
     } else if (url === "/api" || url === "/api/stats" || url === "/data") {
       const data = await collectAll({ detailed: true });
@@ -5382,49 +5338,166 @@ async function runWebCommand() {
   });
   server.on("error", (err) => {
     if (err.code === "EADDRINUSE") {
-      console.log(chalk13.red(`
+      console.log(chalk12.red(`
 Error: Port ${port} is already in use.`));
-      console.log(chalk13.yellow(`  Try specifying a different port using --port <port>, e.g.:`));
-      console.log(chalk13.dim(`  npx tsx src/index.ts web --port ${port + 1}
+      console.log(chalk12.yellow(`  Try specifying a different port using --port <port>, e.g.:`));
+      console.log(chalk12.dim(`  npx tsx src/index.ts web --port ${port + 1}
 `));
       process.exit(1);
     } else {
-      console.log(chalk13.red(`Server error: ${err.message}`));
+      console.log(chalk12.red(`Server error: ${err.message}`));
       process.exit(1);
     }
   });
   const ip = detectLocalIP() || "localhost";
-  server.listen(port, "0.0.0.0", () => {
-    console.log(chalk13.bold(`
-  pyre web server running on port ${port}`));
-    console.log(chalk13.dim(`  Local URL:   http://localhost:${port}/`));
-    console.log(chalk13.hex("#ff6a39").bold(`  Network URL: http://${ip}:${port}/  (Accessible on same Wi-Fi / LAN)`));
-    console.log(chalk13.dim(`  API:         http://${ip}:${port}/api`));
-    console.log(chalk13.dim(`  SSE Stream:  http://${ip}:${port}/api/stream`));
-    console.log(chalk13.yellow(`
-  Troubleshooting connection from phone/other devices:`));
-    console.log(chalk13.dim(`  1. macOS Firewall: System Settings -> Network -> Firewall -> Allow incoming node/pyre connections`));
-    console.log(chalk13.dim(`  2. Wi-Fi Router: Ensure "AP Isolation" / "Guest Mode" is OFF on your Wi-Fi router`));
-    console.log(chalk13.dim(`  3. Verify phone is connected to the exact same Wi-Fi network
-`));
+  return new Promise((resolve) => {
+    server.listen(port, "0.0.0.0", () => {
+      const address = server.address();
+      const actualPort = typeof address === "object" && address ? address.port : port;
+      console.log(chalk12.bold(`
+  pyre web server running on port ${actualPort}`));
+      console.log(chalk12.dim(`  Local URL:   http://localhost:${actualPort}/`));
+      console.log(chalk12.hex("#ff6a39").bold(`  Network URL: http://${ip}:${actualPort}/  (Accessible on same Wi-Fi / LAN)`));
+      console.log(chalk12.dim(`  API:         http://${ip}:${actualPort}/api`));
+      console.log(chalk12.dim(`  SSE Stream:  http://${ip}:${actualPort}/api/stream`));
+      resolve(actualPort);
+    });
+    process.once("SIGINT", () => {
+      server.close();
+      process.exit(0);
+    });
+  });
+}
+async function runUiCommand() {
+  opts.port = "0";
+  const port = await runWebCommand();
+  const swiftScript = `
+import Cocoa
+import WebKit
+
+// WKWebView subclass that allows the window to be dragged from any pixel
+class DraggableWebView: WKWebView {
+    override var mouseDownCanMoveWindow: Bool { return true }
+}
+
+class AppDelegate: NSObject, NSApplicationDelegate, NSWindowDelegate {
+    var window: NSWindow!
+    var webView: DraggableWebView!
+    var dataTimer: Timer?
+    let serverPort = ${port}
+
+    func applicationDidFinishLaunching(_ n: Notification) {
+        // Window
+        let screen = NSScreen.main?.visibleFrame ?? NSRect(x:0, y:0, width:1280, height:800)
+        let W = min(1180.0, screen.width - 80)
+        let H = min(820.0, screen.height - 80)
+        let rect = NSRect(x: screen.minX + (screen.width - W) / 2,
+                          y: screen.minY + (screen.height - H) / 2,
+                          width: W, height: H)
+
+        window = NSWindow(contentRect: rect,
+                          styleMask: [.titled, .closable, .miniaturizable, .resizable],
+                          backing: .buffered, defer: false)
+        window.title = "Pyre"
+        window.minSize = NSSize(width: 800, height: 600)
+        window.appearance = NSAppearance(named: .darkAqua)
+        window.backgroundColor = NSColor(red: 0.027, green: 0.031, blue: 0.063, alpha: 1)
+        window.isReleasedWhenClosed = false
+        window.delegate = self
+
+        // WebView
+        let cfg = WKWebViewConfiguration()
+        webView = DraggableWebView(frame: window.contentView!.bounds, configuration: cfg)
+        webView.autoresizingMask = [.width, .height]
+        webView.setValue(NSColor(red: 0.027, green: 0.031, blue: 0.063, alpha: 1),
+                         forKey: "backgroundColor")
+
+        // Load the dashboard HTML from the local server
+        var req = URLRequest(url: URL(string: "http://localhost:\\(serverPort)/")!)
+        req.cachePolicy = .reloadIgnoringLocalAndRemoteCacheData
+        webView.load(req)
+
+        window.contentView?.addSubview(webView)
+        window.makeKeyAndOrderFront(nil)
+        NSApp.activate(ignoringOtherApps: true)
+
+        // Start native data timer (URLSession has full network access \u2014 no sandbox issues)
+        // We wait 1.5 s for the page to load, then start pushing data every 2 s.
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1.5) { [weak self] in
+            self?.fetchAndPush()
+            self?.dataTimer = Timer.scheduledTimer(withTimeInterval: 2.0, repeats: true) { [weak self] _ in
+                self?.fetchAndPush()
+            }
+        }
+    }
+
+    // URLSession fetch (runs in the main app process \u2014 not sandboxed like WebContent)
+    func fetchAndPush() {
+        guard let url = URL(string: "http://localhost:\\(serverPort)/api/stats") else { return }
+        URLSession.shared.dataTask(with: url) { [weak self] data, _, err in
+            if let err = err {
+                print("Swift UI Fetch Error: \\(err)")
+                return
+            }
+            guard let data = data else {
+                print("Swift UI Fetch Error: No data")
+                return
+            }
+            let b64 = data.base64EncodedString()
+            let js = "if(window.__pyreUpdate){window.__pyreUpdate(decodeURIComponent(escape(atob('\\(b64)'))))}"
+            DispatchQueue.main.async {
+                self?.webView.evaluateJavaScript(js) { res, err in
+                    if let err = err {
+                        print("Swift UI JS Eval Error: \\(err)")
+                    }
+                }
+            }
+        }.resume()
+    }
+
+    func windowWillClose(_ n: Notification) {
+        dataTimer?.invalidate()
+        NSApplication.shared.terminate(self)
+    }
+    func applicationShouldTerminateAfterLastWindowClosed(_ s: NSApplication) -> Bool { true }
+}
+
+let app = NSApplication.shared
+app.setActivationPolicy(.regular)
+let delegate = AppDelegate()
+app.delegate = delegate
+app.run()
+`;
+  const scriptPath = path5.join(os3.tmpdir(), "pyre-ui.swift");
+  fs8.writeFileSync(scriptPath, swiftScript);
+  const { spawn } = await import("child_process");
+  console.log(chalk12.cyan(`
+  Launching native UI window...`));
+  const ui = spawn("swift", [scriptPath], { stdio: "inherit" });
+  ui.on("close", () => {
+    console.log(chalk12.dim("UI window closed, shutting down server..."));
+    process.exit(0);
   });
   process.once("SIGINT", () => {
-    server.close();
+    ui.kill();
     process.exit(0);
   });
 }
 async function runBenchCommand(benchCmd) {
   const { spawn } = await import("child_process");
   const logDir = opts.exportDir || "./pyre-exports";
-  const file = path6.join(logDir, `pyre-bench-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.csv`);
-  if (!fs9.existsSync(logDir)) fs9.mkdirSync(logDir, { recursive: true });
-  const stream = fs9.createWriteStream(file, { flags: "a" });
-  stream.write("timestamp,cpu_usage,mem_usage_percent,temp_c,net_rx_bytes,net_tx_bytes,net_rx_packets,net_tx_packets,connections,thermal_state\n");
-  console.log(chalk13.bold(`
+  const file = path5.join(logDir, `pyre-bench-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.csv`);
+  if (!fs8.existsSync(logDir)) fs8.mkdirSync(logDir, { recursive: true });
+  const stream = fs8.createWriteStream(file, { flags: "a" });
+  stream.write("timestamp,cpu_usage,mem_usage_percent,temp_c,net_rx_bytes,net_tx_bytes,net_rx_packets,net_tx_packets,connections,thermal_state,power_watts\n");
+  console.log(chalk12.bold(`
   pyre bench`));
-  console.log(chalk13.dim(`  Command: ${benchCmd}`));
-  console.log(chalk13.dim(`  Log: ${file}
+  console.log(chalk12.dim(`  Command: ${benchCmd}`));
+  console.log(chalk12.dim(`  Log: ${file}
 `));
+  const startTime = Date.now();
+  let accumulatedWattSeconds = 0;
+  let powerSamplesCount = 0;
   const child = spawn("sh", ["-c", benchCmd]);
   child.stdout.on("data", (d) => process.stdout.write(d));
   child.stderr.on("data", (d) => process.stdout.write(d));
@@ -5436,22 +5509,37 @@ async function runBenchCommand(benchCmd) {
       const rxPackets = data.network.rxPackets ?? 0;
       const txPackets = data.network.txPackets ?? 0;
       const connections = data.network.connections ?? 0;
-      stream.write(`${data.timestamp},${data.cpu.usage},${data.memory.usagePercent},${temp},${data.network.rxBytes},${data.network.txBytes},${rxPackets},${txPackets},${connections},${data.thermal.state}
+      const watts = data.power?.combinedWatts ?? data.power?.cpuWatts;
+      if (watts !== void 0 && watts > 0) {
+        accumulatedWattSeconds += watts * interval;
+        powerSamplesCount++;
+      }
+      stream.write(`${data.timestamp},${data.cpu.usage},${data.memory.usagePercent},${temp},${data.network.rxBytes},${data.network.txBytes},${rxPackets},${txPackets},${connections},${data.thermal.state},${watts ?? ""}
 `);
     } catch {
     }
   }, interval * 1e3);
-  child.on("close", () => {
+  const printSummary = () => {
     clearInterval(handle);
     stream.end();
-    console.log(chalk13.green(`
-  Bench complete. Log saved to ${file}`));
+    const durationSec = Math.max(0.1, (Date.now() - startTime) / 1e3);
+    console.log(chalk12.green(`
+  \u2714 Bench complete (${durationSec.toFixed(2)}s). Log saved to ${file}`));
+    if (powerSamplesCount > 0 && accumulatedWattSeconds > 0) {
+      const kWh = accumulatedWattSeconds / (3600 * 1e3);
+      const rate = config2.electricityRateKwH ?? 0.15;
+      const cost = kWh * rate;
+      console.log(chalk12.cyan(`  \u26A1 Energy Consumption: ${kWh.toFixed(6)} kWh | Est. Cost: $${cost.toFixed(6)} (@ $${rate}/kWh)`));
+    }
+  };
+  child.on("close", () => {
+    printSummary();
     process.exit(0);
   });
   process.once("SIGINT", () => {
     clearInterval(handle);
     child.kill("SIGTERM");
-    stream.end();
+    printSummary();
     process.exit(0);
   });
 }