machud 0.0.0 → 0.0.1

package/dist/machud.mjs

@@ -0,0 +1,1859 @@
+#!/usr/bin/env node
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, h, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, watchEffect, withCtx } from "vue";
+import { Box, Text, createApp, renderToString, useApp, useBoxMetrics, useInput, useWindowSize } from "@vue-tui/runtime";
+import os from "node:os";
+import { execFile } from "node:child_process";
+import chalk from "chalk";
+//#region src/lib/empty.ts
+function emptyMetrics() {
+	return {
+		cpu: {
+			model: "CPU",
+			usage: 0,
+			cores: [],
+			topProcs: [],
+			pUsage: 0,
+			eUsage: 0,
+			pCount: 0,
+			eCount: 0,
+			loadAvg: [
+				0,
+				0,
+				0
+			],
+			freqMHz: null
+		},
+		memory: {
+			total: 0,
+			used: 0,
+			free: 0,
+			wired: 0,
+			compressed: 0,
+			app: 0,
+			usedPct: 0,
+			pressure: "Normal",
+			swapTotal: 0,
+			swapUsed: 0,
+			topApps: []
+		},
+		gpu: {
+			usage: null,
+			renderer: null,
+			vram: null
+		},
+		disk: {
+			total: 0,
+			used: 0,
+			free: 0,
+			usedPct: 0,
+			readBps: 0,
+			writeBps: 0,
+			mount: "/"
+		},
+		net: {
+			iface: "—",
+			rxBps: 0,
+			txBps: 0,
+			rxTotal: 0,
+			txTotal: 0
+		},
+		battery: {
+			present: false,
+			pct: 0,
+			state: "—",
+			charging: false,
+			timeRemaining: null,
+			cycleCount: null,
+			healthPct: null,
+			tempC: null,
+			adapterWatts: null,
+			chargeWatts: null
+		},
+		sensors: {
+			thermalPressure: "Nominal",
+			speedLimit: 100,
+			batteryTempC: null,
+			fanRpm: null
+		},
+		appearance: { mode: "light" },
+		ts: 0
+	};
+}
+//#endregion
+//#region src/lib/exec.ts
+function sh(cmd, args = [], timeoutMs = 4e3) {
+	return new Promise((resolve) => {
+		execFile(cmd, args, {
+			timeout: timeoutMs,
+			maxBuffer: 16 * 1024 * 1024
+		}, (err, stdout) => {
+			if (err && !stdout) {
+				resolve("");
+				return;
+			}
+			resolve(stdout ?? "");
+		});
+	});
+}
+//#endregion
+//#region src/lib/format.ts
+function clamp(n, lo = 0, hi = 100) {
+	return Math.max(lo, Math.min(hi, n));
+}
+function humanBytes(n, perSec = false) {
+	if (n == null || !isFinite(n) || n < 0) return "—";
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let v = n;
+	let i = 0;
+	while (v >= 1024 && i < units.length - 1) {
+		v /= 1024;
+		i++;
+	}
+	return `${v >= 100 || i === 0 ? v.toFixed(0) : v.toFixed(1)} ${units[i]}${perSec ? "/s" : ""}`;
+}
+function pct(n) {
+	return n == null || !isFinite(n) ? "—" : `${Math.round(n)}%`;
+}
+function temp(c) {
+	return c == null || !isFinite(c) ? "—" : `${c.toFixed(0)}°C`;
+}
+//#endregion
+//#region src/lib/collectors/cpu.ts
+var prev$2 = null;
+var counts = null;
+var model = "";
+async function clusterCounts() {
+	if (counts) return counts;
+	const nums = (process.env.MACHUD_TEST_NO_PERFLEVEL ? "" : await sh("sysctl", [
+		"-n",
+		"hw.perflevel0.logicalcpu",
+		"hw.perflevel1.logicalcpu"
+	])).trim().split(/\s+/).map(Number);
+	const p = nums[0] || 0;
+	const e = nums[1] || 0;
+	counts = p + e === 0 ? {
+		p: os.cpus().length,
+		e: 0
+	} : {
+		p,
+		e
+	};
+	return counts;
+}
+async function collectCpu() {
+	if (!model) model = (await sh("sysctl", ["-n", "machdep.cpu.brand_string"])).trim() || "CPU";
+	const { p: pCount, e: eCount } = await clusterCounts();
+	const times = os.cpus().map((c) => c.times);
+	const cores = times.map((t, i) => {
+		let usage = 0;
+		const p = prev$2?.[i];
+		if (p) {
+			const idle = t.idle - p.idle;
+			const total = t.user - p.user + (t.nice - p.nice) + (t.sys - p.sys) + (t.irq - p.irq) + idle;
+			usage = total > 0 ? clamp((1 - idle / total) * 100) : 0;
+		}
+		return {
+			usage,
+			cluster: i < eCount ? "E" : "P"
+		};
+	});
+	prev$2 = times;
+	const avg = (xs) => xs.length ? xs.reduce((s, c) => s + c.usage, 0) / xs.length : 0;
+	const eCores = cores.filter((c) => c.cluster === "E");
+	const pCores = cores.filter((c) => c.cluster === "P");
+	const topProcs = (await sh("ps", [
+		"-A",
+		"-o",
+		"pcpu=,comm=",
+		"-r"
+	])).split("\n").map((l) => l.trim()).filter(Boolean).slice(0, 5).map((l) => {
+		const sp = l.indexOf(" ");
+		const pctNum = Number(l.slice(0, sp));
+		const comm = l.slice(sp + 1).trim();
+		return {
+			name: comm.split("/").pop() || comm,
+			pct: isFinite(pctNum) ? pctNum : 0
+		};
+	});
+	return {
+		model,
+		usage: avg(cores),
+		cores,
+		topProcs,
+		pUsage: avg(pCores),
+		eUsage: avg(eCores),
+		pCount,
+		eCount,
+		loadAvg: os.loadavg(),
+		freqMHz: null
+	};
+}
+//#endregion
+//#region src/lib/collectors/memory.ts
+function parseSwap(s, key) {
+	const m = s.match(new RegExp(`${key}\\s*=\\s*([\\d.]+)([MGK])`));
+	if (!m) return 0;
+	const v = parseFloat(m[1]);
+	const unit = m[2];
+	return v * (unit === "G" ? 2 ** 30 : unit === "K" ? 2 ** 10 : 2 ** 20);
+}
+async function collectMemory() {
+	const total = os.totalmem();
+	const vm = await sh("vm_stat");
+	const pageSize = Number(vm.match(/page size of (\d+) bytes/)?.[1] ?? 16384);
+	const pages = (name) => {
+		const m = vm.match(new RegExp(`${name}:\\s+(\\d+)\\.`));
+		return m ? Number(m[1]) * pageSize : 0;
+	};
+	const free = pages("Pages free") + pages("Pages speculative");
+	const wired = pages("Pages wired down");
+	const compressed = pages("Pages occupied by compressor");
+	const active = pages("Pages active");
+	const used = clamp(wired + compressed + active, 0, total);
+	const app = clamp(active, 0, total);
+	const usedPct = total > 0 ? clamp(used / total * 100) : 0;
+	const swap = await sh("sysctl", ["-n", "vm.swapusage"]);
+	const swapTotal = parseSwap(swap, "total");
+	const swapUsed = parseSwap(swap, "used");
+	const lvl = (process.env.MACHUD_TEST_PRESSURE_LEVEL ?? await sh("sysctl", ["-n", "kern.memorystatus_vm_pressure_level"])).trim();
+	return {
+		total,
+		used,
+		free,
+		wired,
+		compressed,
+		app,
+		usedPct,
+		pressure: lvl === "4" ? "High" : lvl === "2" ? "Elevated" : lvl === "1" ? "Normal" : usedPct >= 88 || swapUsed > 2 ** 30 ? "High" : usedPct >= 72 ? "Elevated" : "Normal",
+		swapTotal,
+		swapUsed,
+		topApps: (await sh("ps", [
+			"-A",
+			"-o",
+			"rss=,comm=",
+			"-m"
+		])).split("\n").map((l) => l.trim()).filter(Boolean).slice(0, 5).map((l) => {
+			const sp = l.indexOf(" ");
+			const rss = Number(l.slice(0, sp));
+			const comm = l.slice(sp + 1).trim();
+			return {
+				name: comm.split("/").pop() || comm,
+				bytes: (isFinite(rss) ? rss : 0) * 1024
+			};
+		})
+	};
+}
+//#endregion
+//#region src/lib/collectors/gpu.ts
+async function collectGpu() {
+	const out = await sh("ioreg", [
+		"-r",
+		"-d",
+		"1",
+		"-w",
+		"0",
+		"-c",
+		"IOAccelerator"
+	]);
+	const num = (key) => {
+		const m = out.match(new RegExp(`"${key}"=([0-9]+)`));
+		return m ? Number(m[1]) : null;
+	};
+	return {
+		usage: num("Device Utilization %"),
+		renderer: num("Renderer Utilization %"),
+		vram: num("In use system memory")
+	};
+}
+//#endregion
+//#region src/lib/collectors/disk.ts
+var prev$1 = null;
+async function collectDisk() {
+	const f = ((await sh("df", [
+		"-k",
+		"-P",
+		"/"
+	])).trim().split("\n").pop() ?? "").split(/\s+/);
+	const total = (Number(f[1]) || 0) * 1024;
+	const free = (Number(f[3]) || 0) * 1024;
+	const used = clamp(total - free, 0, total);
+	const usedPct = total > 0 ? clamp(used / total * 100) : 0;
+	const io = await sh("ioreg", [
+		"-r",
+		"-c",
+		"IOBlockStorageDriver",
+		"-w",
+		"0"
+	]);
+	const sum = (key) => [...io.matchAll(new RegExp(`"${key}"=(\\d+)`, "g"))].reduce((s, m) => s + Number(m[1]), 0);
+	const read = sum("Bytes \\(Read\\)");
+	const write = sum("Bytes \\(Write\\)");
+	const now = Date.now();
+	let readBps = 0;
+	let writeBps = 0;
+	if (prev$1) {
+		const dt = (now - prev$1.t) / 1e3;
+		if (dt > 0) {
+			readBps = Math.max(0, (read - prev$1.read) / dt);
+			writeBps = Math.max(0, (write - prev$1.write) / dt);
+		}
+	}
+	prev$1 = {
+		read,
+		write,
+		t: now
+	};
+	return {
+		total,
+		used,
+		free,
+		usedPct,
+		readBps,
+		writeBps,
+		mount: f[5] || "/"
+	};
+}
+//#endregion
+//#region src/lib/collectors/network.ts
+var prev = null;
+async function collectNet() {
+	const iface = (await sh("route", [
+		"-n",
+		"get",
+		"default"
+	])).match(/interface:\s*(\S+)/)?.[1] || "en0";
+	const ns = await sh("netstat", ["-ibn"]);
+	let rx = 0;
+	let tx = 0;
+	for (const l of ns.split("\n")) if (l.startsWith(`${iface} `) && l.includes("<Link#")) {
+		const p = l.trim().split(/\s+/);
+		rx = Number(p[6]) || 0;
+		tx = Number(p[9]) || 0;
+		break;
+	}
+	const now = Date.now();
+	let rxBps = 0;
+	let txBps = 0;
+	if (prev && prev.rx <= rx && prev.tx <= tx) {
+		const dt = (now - prev.t) / 1e3;
+		if (dt > 0) {
+			rxBps = (rx - prev.rx) / dt;
+			txBps = (tx - prev.tx) / dt;
+		}
+	}
+	prev = {
+		rx,
+		tx,
+		t: now
+	};
+	return {
+		iface,
+		rxBps,
+		txBps,
+		rxTotal: rx,
+		txTotal: tx
+	};
+}
+//#endregion
+//#region src/lib/collectors/battery.ts
+async function collectBattery() {
+	const batt = await sh("pmset", ["-g", "batt"]);
+	const present = /InternalBattery/.test(batt);
+	const pct = Number(batt.match(/(\d+)%/)?.[1] ?? (present ? 0 : 100));
+	const state = batt.match(/\d+%;\s*([^;]+);/)?.[1]?.trim() || (batt.includes("AC Power") ? "AC power" : "unknown");
+	const charging = /\bcharging\b/i.test(state) && !/discharging|not charging/i.test(state);
+	const tm = batt.match(/(\d+):(\d+)\s+remaining/);
+	const timeRemaining = tm && !(tm[1] === "0" && tm[2] === "00") ? `${tm[1]}:${tm[2]}` : null;
+	const io = await sh("ioreg", [
+		"-r",
+		"-c",
+		"AppleSmartBattery",
+		"-w",
+		"0"
+	]);
+	const ioNum = (k) => {
+		const m = io.match(new RegExp(`"${k}" = (-?\\d+)`));
+		return m ? Number(m[1]) : null;
+	};
+	const cycleCount = ioNum("CycleCount");
+	const design = ioNum("DesignCapacity");
+	const rawMax = ioNum("AppleRawMaxCapacity");
+	const healthPct = design && rawMax ? clamp(rawMax / design * 100) : null;
+	const tRaw = ioNum("Temperature");
+	const tempC = tRaw != null ? tRaw / 100 : null;
+	const toSigned64 = (s) => {
+		if (s == null) return null;
+		try {
+			let v = BigInt(s);
+			if (v >= 1n << 63n) v -= 1n << 64n;
+			return Number(v);
+		} catch {
+			return null;
+		}
+	};
+	const voltage = ioNum("Voltage");
+	const amperage = toSigned64(process.env.MACHUD_TEST_AMPERAGE ?? io.match(/"Amperage" = (-?\d+)/)?.[1]);
+	const chargeWatts = voltage != null && amperage != null ? voltage * amperage / 1e6 : null;
+	const externalConnected = /"ExternalConnected" = Yes/.test(io);
+	const wattsMatch = io.match(/"Watts"=(\d+)/);
+	return {
+		present,
+		pct,
+		state,
+		charging,
+		timeRemaining,
+		cycleCount,
+		healthPct,
+		tempC,
+		adapterWatts: externalConnected && wattsMatch ? Number(wattsMatch[1]) : null,
+		chargeWatts
+	};
+}
+//#endregion
+//#region src/lib/collectors/sensors.ts
+async function collectSensors() {
+	const therm = await sh("pmset", ["-g", "therm"]);
+	const speedLimit = Number(therm.match(/CPU_Speed_Limit\s*=\s*(\d+)/)?.[1] ?? 100);
+	let thermalPressure = "Nominal";
+	if (speedLimit < 50) thermalPressure = "Critical";
+	else if (speedLimit < 75) thermalPressure = "Serious";
+	else if (speedLimit < 100) thermalPressure = "Fair";
+	const tRaw = (await sh("ioreg", [
+		"-r",
+		"-c",
+		"AppleSmartBattery",
+		"-w",
+		"0"
+	])).match(/"Temperature" = (\d+)/)?.[1];
+	const batteryTempC = tRaw ? Number(tRaw) / 100 : null;
+	return {
+		thermalPressure,
+		speedLimit,
+		batteryTempC,
+		fanRpm: null
+	};
+}
+//#endregion
+//#region src/lib/collectors/appearance.ts
+var TEST_APPEARANCE = "MACHUD_TEST_APPEARANCE";
+var cached = null;
+var cachedAt = 0;
+async function collectAppearance() {
+	const testMode = process.env[TEST_APPEARANCE];
+	if (testMode === "dark" || testMode === "light") return { mode: testMode };
+	const now = Date.now();
+	if (cached && now - cachedAt < 5e3) return cached;
+	const out = await sh("defaults", [
+		"read",
+		"-g",
+		"AppleInterfaceStyle"
+	], 1e3);
+	cached = { mode: /dark/i.test(out) ? "dark" : "light" };
+	cachedAt = now;
+	return cached;
+}
+//#endregion
+//#region src/lib/collectors/index.ts
+async function safe(p, fallback) {
+	try {
+		return await p;
+	} catch {
+		return fallback;
+	}
+}
+async function collectAll() {
+	const e = emptyMetrics();
+	const [cpu, memory, gpu, disk, net, battery, sensors, appearance] = await Promise.all([
+		safe(collectCpu(), e.cpu),
+		safe(collectMemory(), e.memory),
+		safe(collectGpu(), e.gpu),
+		safe(collectDisk(), e.disk),
+		safe(collectNet(), e.net),
+		safe(collectBattery(), e.battery),
+		safe(collectSensors(), e.sensors),
+		safe(collectAppearance(), e.appearance)
+	]);
+	return applyTestOverride({
+		cpu,
+		memory,
+		gpu,
+		disk,
+		net,
+		battery,
+		sensors,
+		appearance,
+		ts: Date.now()
+	});
+}
+function applyTestOverride(m) {
+	const raw = process.env.MACHUD_TEST_OVERRIDE;
+	if (!raw) return m;
+	try {
+		return deepMerge(m, JSON.parse(raw));
+	} catch {
+		return m;
+	}
+}
+function deepMerge(base, over) {
+	if (over === null || typeof over !== "object" || Array.isArray(over)) return over;
+	const out = { ...base };
+	for (const [k, v] of Object.entries(over)) out[k] = deepMerge(base?.[k], v);
+	return out;
+}
+//#endregion
+//#region src/composables/useMetrics.ts
+var MAX_SAMPLES = 240;
+function useMetrics(intervalMs = 1e3) {
+	const metrics = shallowRef(null);
+	const history = ref({
+		cpu: [],
+		gpu: [],
+		mem: [],
+		rx: [],
+		tx: []
+	});
+	const now = shallowRef(Date.now());
+	let timer = null;
+	let inFlight = false;
+	let stopped = false;
+	const push = (arr, v) => {
+		arr.push(v);
+		if (arr.length > MAX_SAMPLES) arr.shift();
+	};
+	async function tick() {
+		if (inFlight) return;
+		inFlight = true;
+		try {
+			const m = await collectAll();
+			if (stopped) return;
+			now.value = m.ts;
+			metrics.value = m;
+			const h = history.value;
+			push(h.cpu, m.cpu.usage);
+			push(h.gpu, m.gpu.usage ?? 0);
+			push(h.mem, m.memory.usedPct);
+			push(h.rx, m.net.rxBps);
+			push(h.tx, m.net.txBps);
+			history.value = { ...h };
+		} finally {
+			inFlight = false;
+		}
+	}
+	onMounted(() => {
+		tick();
+		timer = setInterval(() => void tick(), intervalMs);
+	});
+	onUnmounted(() => {
+		stopped = true;
+		if (timer) clearInterval(timer);
+	});
+	return {
+		metrics,
+		history,
+		now
+	};
+}
+//#endregion
+//#region src/theme.ts
+var palettes = {
+	dark: {
+		bg: "#2d353b",
+		bgLift: "#343f44",
+		frame: "#4f5b58",
+		title: "#d3c6aa",
+		text: "#9da9a0",
+		dim: "#7a8478",
+		accent: "#a7c080",
+		silver: "#c4c9cf",
+		cpu: "#a7c080",
+		mem: "#d699b6",
+		gpu: "#7fbbb3",
+		disk: "#dbbc7f",
+		net: "#83c092",
+		battery: "#e69875",
+		sensor: "#e67e80",
+		good: "#a7c080",
+		warn: "#dbbc7f",
+		bad: "#e67e80"
+	},
+	light: {
+		bg: "#fdf6e3",
+		bgLift: "#f4f0d9",
+		frame: "#ddd8be",
+		title: "#5c6a72",
+		text: "#5c6a72",
+		dim: "#939f91",
+		accent: "#8da101",
+		silver: "#8d939a",
+		cpu: "#8da101",
+		mem: "#df69ba",
+		gpu: "#3a94c5",
+		disk: "#dfa000",
+		net: "#35a77c",
+		battery: "#f57d26",
+		sensor: "#f85552",
+		good: "#8da101",
+		warn: "#dfa000",
+		bad: "#f85552"
+	}
+};
+var theme = reactive({ ...palettes.light });
+function setThemeMode(mode) {
+	Object.assign(theme, palettes[mode]);
+}
+function levelColor(pct) {
+	if (pct >= 85) return theme.bad;
+	if (pct >= 60) return theme.warn;
+	return theme.good;
+}
+//#endregion
+//#region src/components/panels/HeaderBar.vue
+var HeaderBar_default = /* @__PURE__ */ defineComponent({
+	__name: "HeaderBar",
+	props: {
+		m: {},
+		now: {},
+		width: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const wide = computed(() => (props.width ?? 120) >= 100);
+		const clock = computed(() => {
+			const d = new Date(props.now || Date.now());
+			const p = (n) => String(n).padStart(2, "0");
+			return `${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), {
+				paddingX: 1,
+				justifyContent: "space-between"
+			}, {
+				default: withCtx(() => [createVNode(unref(Box), null, {
+					default: withCtx(() => [
+						createVNode(unref(Text), {
+							color: unref(theme).silver,
+							bold: ""
+						}, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("mac", -1)])]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), {
+							color: unref(theme).accent,
+							bold: ""
+						}, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("hud", -1)])]),
+							_: 1
+						}, 8, ["color"]),
+						wide.value ? (openBlock(), createBlock(unref(Text), {
+							key: 0,
+							color: unref(theme).dim
+						}, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" · macOS system monitor", -1)])]),
+							_: 1
+						}, 8, ["color"])) : createCommentVNode("", true)
+					]),
+					_: 1
+				}), createVNode(unref(Box), null, {
+					default: withCtx(() => [wide.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createVNode(unref(Text), { color: unref(theme).cpu }, {
+							default: withCtx(() => [createTextVNode("CPU " + toDisplayString(unref(pct)(__props.m.cpu.usage)), 1)]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" · ", -1)])]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).mem }, {
+							default: withCtx(() => [createTextVNode("MEM " + toDisplayString(unref(pct)(__props.m.memory.usedPct)), 1)]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" · ", -1)])]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).gpu }, {
+							default: withCtx(() => [createTextVNode("GPU " + toDisplayString(unref(pct)(__props.m.gpu.usage)), 1)]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" · ", -1)])]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).battery }, {
+							default: withCtx(() => [createTextVNode("BAT " + toDisplayString(unref(pct)(__props.m.battery.pct)) + toDisplayString(__props.m.battery.charging ? " ⇡" : ""), 1)]),
+							_: 1
+						}, 8, ["color"]),
+						createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" · ", -1)])]),
+							_: 1
+						}, 8, ["color"])
+					], 64)) : createCommentVNode("", true), createVNode(unref(Text), {
+						color: unref(theme).title,
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(clock.value), 1)]),
+						_: 1
+					}, 8, ["color"])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/Panel.vue
+var Panel_default = /* @__PURE__ */ defineComponent({
+	__name: "Panel",
+	props: {
+		title: {},
+		accent: { default: theme.frame },
+		flexGrow: { default: 1 },
+		flexBasis: { default: 0 },
+		minWidth: {},
+		width: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), {
+				flexDirection: "column",
+				flexGrow: __props.flexGrow,
+				flexBasis: __props.flexBasis,
+				minWidth: __props.minWidth,
+				width: __props.width,
+				borderStyle: "round",
+				borderColor: __props.accent,
+				paddingX: 1
+			}, {
+				default: withCtx(() => [createVNode(unref(Box), { justifyContent: "space-between" }, {
+					default: withCtx(() => [createVNode(unref(Text), {
+						color: __props.accent,
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+						_: 1
+					}, 8, ["color"]), renderSlot(_ctx.$slots, "header-right")]),
+					_: 3
+				}), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"flexGrow",
+				"flexBasis",
+				"minWidth",
+				"width",
+				"borderColor"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/lib/sparkline.ts
+var BLOCKS = "▁▂▃▄▅▆▇█";
+function sparkline(values, width, max) {
+	if (width <= 0) return "";
+	const slice = values.slice(-width);
+	const peak = max ?? Math.max(1, ...slice);
+	const cells = slice.map((v) => {
+		const t = clamp(v / (peak || 1), 0, 1);
+		return BLOCKS[Math.min(7, Math.max(0, Math.round(t * 7)))];
+	});
+	const pad = Math.max(0, width - cells.length);
+	return " ".repeat(pad) + cells.join("");
+}
+var DOT = [
+	[1, 8],
+	[2, 16],
+	[4, 32],
+	[64, 128]
+];
+function brailleArea(values, width, height, max) {
+	if (width <= 0 || height <= 0) return [];
+	const dotsW = width * 2;
+	const dotsH = height * 4;
+	const slice = values.slice(-dotsW);
+	const peak = max ?? Math.max(1, ...slice);
+	const pad = Math.max(0, dotsW - slice.length);
+	const cells = Array.from({ length: height }, () => Array.from({ length: width }, () => 0));
+	for (let x = 0; x < dotsW; x++) {
+		const v = clamp((x < pad ? 0 : slice[x - pad]) / (peak || 1), 0, 1);
+		const top = Math.round((1 - v) * (dotsH - 1));
+		for (let y = top; y < dotsH; y++) cells[Math.floor(y / 4)][Math.floor(x / 2)] |= DOT[y % 4][x % 2];
+	}
+	return cells.map((row) => row.map((b) => String.fromCharCode(10240 | b)).join(""));
+}
+function barCells(value, max, width) {
+	const ratio = max > 0 && Number.isFinite(value) ? clamp(value / max, 0, 1) : 0;
+	const filled = Math.round(ratio * width);
+	return {
+		fill: "█".repeat(filled),
+		rest: "░".repeat(Math.max(0, width - filled))
+	};
+}
+//#endregion
+//#region src/lib/color.ts
+function hexToRgb(hex) {
+	const h = hex.replace("#", "");
+	const ch = (a, b) => {
+		const v = parseInt(h.slice(a, b), 16);
+		return Number.isFinite(v) ? v : 0;
+	};
+	return [
+		ch(0, 2),
+		ch(2, 4),
+		ch(4, 6)
+	];
+}
+function toHex([r, g, b]) {
+	const c = (n) => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
+	return `#${c(r)}${c(g)}${c(b)}`;
+}
+function mix(a, b, t) {
+	const x = hexToRgb(a);
+	const y = hexToRgb(b);
+	return toHex([
+		x[0] + (y[0] - x[0]) * t,
+		x[1] + (y[1] - x[1]) * t,
+		x[2] + (y[2] - x[2]) * t
+	]);
+}
+function ramp(hex, n) {
+	const dim = mix("#000000", hex, .5);
+	return Array.from({ length: n }, (_, i) => mix(dim, hex, n > 1 ? i / (n - 1) : 1));
+}
+function supportsTruecolor() {
+	return chalk.level >= 3;
+}
+//#endregion
+//#region src/components/Bar.vue
+var Bar_default = /* @__PURE__ */ defineComponent({
+	__name: "Bar",
+	props: {
+		value: {},
+		max: { default: 100 },
+		width: { default: 12 },
+		color: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const cells = computed(() => barCells(props.value, props.max, props.width));
+		const col = computed(() => props.color ?? levelColor(props.max > 0 ? props.value / props.max * 100 : 0));
+		const fillChars = computed(() => [...cells.value.fill]);
+		const gradient = computed(() => supportsTruecolor() && fillChars.value.length > 1);
+		const fillColors = computed(() => ramp(col.value, fillChars.value.length));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [gradient.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(fillChars.value, (c, i) => {
+				return openBlock(), createBlock(unref(Text), {
+					key: i,
+					color: fillColors.value[i]
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(c), 1)]),
+					_: 2
+				}, 1032, ["color"]);
+			}), 128)) : (openBlock(), createBlock(unref(Text), {
+				key: 1,
+				color: col.value
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(cells.value.fill), 1)]),
+				_: 1
+			}, 8, ["color"])), createVNode(unref(Text), { color: unref(theme).frame }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(cells.value.rest), 1)]),
+				_: 1
+			}, 8, ["color"])], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/Graph.vue
+var Graph_default = /* @__PURE__ */ defineComponent({
+	__name: "Graph",
+	props: {
+		values: {},
+		height: { default: 3 },
+		max: {},
+		color: { default: theme.cpu }
+	},
+	setup(__props) {
+		const props = __props;
+		const box = ref();
+		const bm = useBoxMetrics(box);
+		const rows = computed(() => brailleArea(props.values, Math.max(1, bm.width.value || 24), props.height, props.max));
+		const rowColors = computed(() => supportsTruecolor() ? ramp(props.color, props.height).slice().reverse() : Array(props.height).fill(props.color));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), {
+				ref_key: "box",
+				ref: box,
+				flexDirection: "column",
+				width: "100%"
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, i) => {
+					return openBlock(), createBlock(unref(Text), {
+						key: i,
+						color: rowColors.value[i],
+						wrap: "truncate"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(row), 1)]),
+						_: 2
+					}, 1032, ["color"]);
+				}), 128))]),
+				_: 1
+			}, 512);
+		};
+	}
+});
+//#endregion
+//#region src/lib/bignum.ts
+var HEIGHT = 5;
+var FONT = {
+	"0": [
+		"███",
+		"█ █",
+		"█ █",
+		"█ █",
+		"███"
+	],
+	"1": [
+		" █ ",
+		" █ ",
+		" █ ",
+		" █ ",
+		" █ "
+	],
+	"2": [
+		"███",
+		"  █",
+		"███",
+		"█  ",
+		"███"
+	],
+	"3": [
+		"███",
+		"  █",
+		"███",
+		"  █",
+		"███"
+	],
+	"4": [
+		"█ █",
+		"█ █",
+		"███",
+		"  █",
+		"  █"
+	],
+	"5": [
+		"███",
+		"█  ",
+		"███",
+		"  █",
+		"███"
+	],
+	"6": [
+		"███",
+		"█  ",
+		"███",
+		"█ █",
+		"███"
+	],
+	"7": [
+		"███",
+		"  █",
+		"  █",
+		"  █",
+		"  █"
+	],
+	"8": [
+		"███",
+		"█ █",
+		"███",
+		"█ █",
+		"███"
+	],
+	"9": [
+		"███",
+		"█ █",
+		"███",
+		"  █",
+		"███"
+	],
+	"-": [
+		"   ",
+		"   ",
+		"███",
+		"   ",
+		"   "
+	],
+	" ": [
+		"   ",
+		"   ",
+		"   ",
+		"   ",
+		"   "
+	]
+};
+var BLANK = FONT[" "];
+function bigDigits(s) {
+	const glyphs = [...s].map((c) => FONT[c] ?? BLANK);
+	if (glyphs.length === 0) glyphs.push(BLANK);
+	return Array.from({ length: HEIGHT }, (_, r) => glyphs.map((g) => g[r]).join(" "));
+}
+//#endregion
+//#region src/components/BigNumber.vue
+var BigNumber_default = /* @__PURE__ */ defineComponent({
+	__name: "BigNumber",
+	props: {
+		value: {},
+		suffix: { default: "" },
+		color: { default: theme.cpu }
+	},
+	setup(__props) {
+		const props = __props;
+		const rows = computed(() => bigDigits(String(Math.round(props.value))));
+		const rowColors = computed(() => supportsTruecolor() ? ramp(props.color, rows.value.length).slice().reverse() : Array(rows.value.length).fill(props.color));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), { flexDirection: "column" }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, i) => {
+					return openBlock(), createBlock(unref(Box), { key: i }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: rowColors.value[i] }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(row), 1)]),
+							_: 2
+						}, 1032, ["color"]), __props.suffix && i === rows.value.length - 1 ? (openBlock(), createBlock(unref(Text), {
+							key: 0,
+							color: unref(theme).dim
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.suffix), 1)]),
+							_: 1
+						}, 8, ["color"])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/CoreGrid.vue?vue&type=script&setup=true&lang.ts
+var LEVELS = "▁▂▃▄▅▆▇█";
+//#endregion
+//#region src/components/CoreGrid.vue
+var CoreGrid_default = /* @__PURE__ */ defineComponent({
+	__name: "CoreGrid",
+	props: { cores: {} },
+	setup(__props) {
+		const props = __props;
+		const glyph = (u) => LEVELS[Math.min(7, Math.max(0, Math.round(u / 100 * 7)))];
+		const groups = computed(() => {
+			const e = props.cores.filter((c) => c.cluster === "E");
+			const p = props.cores.filter((c) => c.cluster === "P");
+			if (e.length === 0 || p.length === 0) return [{
+				label: "",
+				cores: props.cores
+			}];
+			return [{
+				label: "E",
+				cores: e
+			}, {
+				label: "P",
+				cores: p
+			}];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (g, gi) => {
+				return openBlock(), createBlock(unref(Box), { key: gi }, {
+					default: withCtx(() => [g.label ? (openBlock(), createBlock(unref(Text), {
+						key: 0,
+						color: unref(theme).dim
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(g.label), 1)]),
+						_: 2
+					}, 1032, ["color"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(g.cores, (c, ci) => {
+						return openBlock(), createBlock(unref(Text), {
+							key: ci,
+							color: unref(levelColor)(c.usage)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(glyph(c.usage)), 1)]),
+							_: 2
+						}, 1032, ["color"]);
+					}), 128))]),
+					_: 2
+				}, 1024);
+			}), 128);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/CpuPanel.vue
+var CpuPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "CpuPanel",
+	props: {
+		cpu: {},
+		history: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " CPU",
+				accent: unref(theme).cpu,
+				flexGrow: 3,
+				minWidth: 32
+			}, {
+				"header-right": withCtx(() => [createVNode(unref(Text), {
+					color: unref(theme).dim,
+					wrap: "truncate"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cpu.model), 1)]),
+					_: 1
+				}, 8, ["color"])]),
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(BigNumber_default, {
+							value: __props.cpu.usage,
+							suffix: "%",
+							color: unref(theme).cpu
+						}, null, 8, ["value", "color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode("load " + toDisplayString(__props.cpu.loadAvg[0].toFixed(2)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(Graph_default, {
+						values: __props.history,
+						max: 100,
+						height: 4,
+						color: unref(theme).cpu
+					}, null, 8, ["values", "color"]),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [
+							createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("P ", -1)])]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(Bar_default, {
+								value: __props.cpu.pUsage,
+								width: 12
+							}, null, 8, ["value"]),
+							createVNode(unref(Text), { color: unref(theme).text }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(pct)(__props.cpu.pUsage)), 1)]),
+								_: 1
+							}, 8, ["color"])
+						]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [
+							createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("E ", -1)])]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(Bar_default, {
+								value: __props.cpu.eUsage,
+								width: 12
+							}, null, 8, ["value"]),
+							createVNode(unref(Text), { color: unref(theme).text }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(pct)(__props.cpu.eUsage)), 1)]),
+								_: 1
+							}, 8, ["color"])
+						]),
+						_: 1
+					}),
+					createVNode(CoreGrid_default, { cores: __props.cpu.cores }, null, 8, ["cores"]),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cpu.topProcs.slice(0, 3), (p) => {
+						return openBlock(), createBlock(unref(Box), {
+							key: p.name,
+							justifyContent: "space-between"
+						}, {
+							default: withCtx(() => [createVNode(unref(Text), {
+								color: unref(theme).text,
+								wrap: "truncate"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(p.name), 1)]),
+								_: 2
+							}, 1032, ["color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(p.pct.toFixed(0)) + "%", 1)]),
+								_: 2
+							}, 1032, ["color"])]),
+							_: 2
+						}, 1024);
+					}), 128))
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/MemoryPanel.vue
+var MemoryPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "MemoryPanel",
+	props: {
+		memory: {},
+		history: {}
+	},
+	setup(__props) {
+		const pressureColor = (p) => p === "High" ? theme.bad : p === "Elevated" ? theme.warn : theme.good;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " MEMORY",
+				accent: unref(theme).mem,
+				flexGrow: 2,
+				minWidth: 28
+			}, {
+				"header-right": withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(humanBytes)(__props.memory.used)) + " / " + toDisplayString(unref(humanBytes)(__props.memory.total)), 1)]),
+					_: 1
+				}, 8, ["color"])]),
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(BigNumber_default, {
+							value: __props.memory.usedPct,
+							suffix: "%",
+							color: unref(theme).mem
+						}, null, 8, ["value", "color"]), createVNode(unref(Text), { color: pressureColor(__props.memory.pressure) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.memory.pressure), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(Graph_default, {
+						values: __props.history,
+						max: 100,
+						height: 4,
+						color: unref(theme).mem
+					}, null, 8, ["values", "color"]),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("used ", -1)])]),
+							_: 1
+						}, 8, ["color"]), createVNode(Bar_default, {
+							value: __props.memory.usedPct,
+							width: 14
+						}, null, 8, ["value"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode("wired " + toDisplayString(unref(humanBytes)(__props.memory.wired)) + " · swap " + toDisplayString(unref(humanBytes)(__props.memory.swapUsed)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.memory.topApps.slice(0, 3), (app) => {
+						return openBlock(), createBlock(unref(Box), {
+							key: app.name,
+							justifyContent: "space-between"
+						}, {
+							default: withCtx(() => [createVNode(unref(Text), {
+								color: unref(theme).text,
+								wrap: "truncate"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(app.name), 1)]),
+								_: 2
+							}, 1032, ["color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(humanBytes)(app.bytes)), 1)]),
+								_: 2
+							}, 1032, ["color"])]),
+							_: 2
+						}, 1024);
+					}), 128))
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/GpuPanel.vue
+var GpuPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "GpuPanel",
+	props: {
+		gpu: {},
+		history: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " GPU",
+				accent: unref(theme).gpu,
+				flexGrow: 6,
+				minWidth: 22
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), {
+							color: unref(theme).gpu,
+							bold: ""
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(pct)(__props.gpu.usage)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode("render " + toDisplayString(unref(pct)(__props.gpu.renderer)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(Graph_default, {
+						values: __props.history,
+						max: 100,
+						height: 3,
+						color: unref(theme).gpu
+					}, null, 8, ["values", "color"]),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(Bar_default, {
+							value: __props.gpu.usage ?? 0,
+							width: 14,
+							color: unref(theme).accent
+						}, null, 8, ["value", "color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode("vram " + toDisplayString(unref(humanBytes)(__props.gpu.vram)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/DiskPanel.vue
+var DiskPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "DiskPanel",
+	props: { disk: {} },
+	setup(__props) {
+		const props = __props;
+		const diskColor = computed(() => props.disk.usedPct >= 95 ? theme.bad : props.disk.usedPct >= 85 ? theme.warn : theme.accent);
+		const diskState = computed(() => props.disk.usedPct >= 95 ? "FULL" : props.disk.usedPct >= 85 ? "NEAR FULL" : "");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " DISK",
+				accent: unref(theme).disk,
+				flexGrow: 3,
+				minWidth: 22
+			}, {
+				"header-right": withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.disk.mount), 1)]),
+					_: 1
+				}, 8, ["color"])]),
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), {
+							color: unref(theme).disk,
+							bold: ""
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(pct)(__props.disk.usedPct)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: diskState.value ? diskColor.value : unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(diskState.value || `${unref(humanBytes)(__props.disk.free)} free`), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(Bar_default, {
+							value: __props.disk.usedPct,
+							width: 16,
+							color: diskColor.value
+						}, null, 8, ["value", "color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [
+							createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("R ", -1)])]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(unref(Text), { color: unref(theme).text }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(humanBytes)(__props.disk.readBps, true)), 1)]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" W ", -1)])]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(unref(Text), { color: unref(theme).text }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(humanBytes)(__props.disk.writeBps, true)), 1)]),
+								_: 1
+							}, 8, ["color"])
+						]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(humanBytes)(__props.disk.used)) + " / " + toDisplayString(unref(humanBytes)(__props.disk.total)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Sparkline.vue
+var Sparkline_default = /* @__PURE__ */ defineComponent({
+	__name: "Sparkline",
+	props: {
+		values: {},
+		max: {},
+		color: { default: theme.cpu }
+	},
+	setup(__props) {
+		const props = __props;
+		const box = ref();
+		const bm = useBoxMetrics(box);
+		const line = computed(() => sparkline(props.values, Math.max(1, bm.width.value || 24), props.max));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), {
+				ref_key: "box",
+				ref: box,
+				width: "100%"
+			}, {
+				default: withCtx(() => [createVNode(unref(Text), {
+					color: __props.color,
+					wrap: "truncate"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(line.value), 1)]),
+					_: 1
+				}, 8, ["color"])]),
+				_: 1
+			}, 512);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/NetworkPanel.vue
+var NetworkPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "NetworkPanel",
+	props: {
+		net: {},
+		rx: {},
+		tx: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " NETWORK",
+				accent: unref(theme).net,
+				flexGrow: 2,
+				minWidth: 26
+			}, {
+				"header-right": withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.net.iface), 1)]),
+					_: 1
+				}, 8, ["color"])]),
+				default: withCtx(() => [
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), {
+							color: unref(theme).net,
+							bold: ""
+						}, {
+							default: withCtx(() => [createTextVNode("▼ " + toDisplayString(unref(humanBytes)(__props.net.rxBps, true)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(Sparkline_default, {
+						values: __props.rx,
+						color: unref(theme).net
+					}, null, 8, ["values", "color"]),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), {
+							color: unref(theme).gpu,
+							bold: ""
+						}, {
+							default: withCtx(() => [createTextVNode("▲ " + toDisplayString(unref(humanBytes)(__props.net.txBps, true)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(Sparkline_default, {
+						values: __props.tx,
+						color: unref(theme).gpu
+					}, null, 8, ["values", "color"])
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/BatteryPanel.vue
+var BatteryPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "BatteryPanel",
+	props: { battery: {} },
+	setup(__props) {
+		const props = __props;
+		const watts = computed(() => {
+			const b = props.battery;
+			const parts = [];
+			if (b.chargeWatts != null && Math.abs(b.chargeWatts) >= .1) parts.push(`${b.chargeWatts >= 0 ? "+" : "−"}${Math.abs(b.chargeWatts).toFixed(1)}W`);
+			if (b.adapterWatts != null) parts.push(`${b.adapterWatts}W adapter`);
+			return parts.join(" · ");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " BATTERY",
+				accent: unref(theme).battery,
+				flexGrow: 1,
+				minWidth: 24
+			}, {
+				"header-right": withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.battery.charging ? "⇡ charging" : __props.battery.state), 1)]),
+					_: 1
+				}, 8, ["color"])]),
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), {
+							color: unref(theme).battery,
+							bold: ""
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(pct)(__props.battery.pct)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.battery.timeRemaining ?? (__props.battery.charging ? "—" : "on AC")), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(Bar_default, {
+							value: __props.battery.pct,
+							width: 16,
+							color: unref(theme).accent
+						}, null, 8, ["value", "color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [
+							createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("health ", -1)])]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(unref(Text), { color: unref(theme).text }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(pct)(__props.battery.healthPct)), 1)]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(unref(Text), { color: unref(theme).dim }, {
+								default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" cycles ", -1)])]),
+								_: 1
+							}, 8, ["color"]),
+							createVNode(unref(Text), { color: unref(theme).text }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.battery.cycleCount ?? "—"), 1)]),
+								_: 1
+							}, 8, ["color"])
+						]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("power ", -1)])]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: unref(theme).text }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(watts.value || (__props.battery.present ? "on AC" : "—")), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/panels/SensorsPanel.vue
+var SensorsPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "SensorsPanel",
+	props: { sensors: {} },
+	setup(__props) {
+		const props = __props;
+		const pressureColor = computed(() => props.sensors.thermalPressure === "Nominal" ? theme.good : props.sensors.thermalPressure === "Fair" ? theme.warn : theme.bad);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Panel_default, {
+				title: " SENSORS",
+				accent: unref(theme).sensor,
+				flexGrow: 2,
+				minWidth: 24
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("thermal", -1)])]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), {
+							color: pressureColor.value,
+							bold: ""
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.sensors.thermalPressure), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), null, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("cpu cap ", -1)])]),
+							_: 1
+						}, 8, ["color"]), createVNode(Bar_default, {
+							value: __props.sensors.speedLimit,
+							width: 12,
+							color: unref(theme).sensor
+						}, null, 8, ["value", "color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("battery temp", -1)])]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: unref(theme).text }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(temp)(__props.sensors.batteryTempC)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["accent"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/NarrowView.vue
+var NarrowView_default = /* @__PURE__ */ defineComponent({
+	__name: "NarrowView",
+	props: { m: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), {
+				flexDirection: "column",
+				paddingX: 1
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).cpu }, {
+							default: withCtx(() => [createTextVNode("CPU " + toDisplayString(unref(pct)(__props.m.cpu.usage)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Box), null, {
+							default: withCtx(() => [createVNode(Bar_default, {
+								value: __props.m.cpu.usage,
+								width: 10
+							}, null, 8, ["value"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).mem }, {
+							default: withCtx(() => [createTextVNode("MEM " + toDisplayString(unref(pct)(__props.m.memory.usedPct)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Box), null, {
+							default: withCtx(() => [createVNode(Bar_default, {
+								value: __props.m.memory.usedPct,
+								width: 10
+							}, null, 8, ["value"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).gpu }, {
+							default: withCtx(() => [createTextVNode("GPU " + toDisplayString(unref(pct)(__props.m.gpu.usage)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Box), null, {
+							default: withCtx(() => [createVNode(Bar_default, {
+								value: __props.m.gpu.usage ?? 0,
+								width: 10,
+								color: unref(theme).accent
+							}, null, 8, ["value", "color"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).disk }, {
+							default: withCtx(() => [createTextVNode("DISK " + toDisplayString(unref(pct)(__props.m.disk.usedPct)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Box), null, {
+							default: withCtx(() => [createVNode(Bar_default, {
+								value: __props.m.disk.usedPct,
+								width: 10
+							}, null, 8, ["value"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).net }, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("NET", -1)])]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode("▼" + toDisplayString(unref(humanBytes)(__props.m.net.rxBps, true)) + " ▲" + toDisplayString(unref(humanBytes)(__props.m.net.txBps, true)), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					}),
+					createVNode(unref(Box), { justifyContent: "space-between" }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).battery }, {
+							default: withCtx(() => [createTextVNode("BAT " + toDisplayString(unref(pct)(__props.m.battery.pct)), 1)]),
+							_: 1
+						}, 8, ["color"]), createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.m.battery.charging ? "⇡ charging" : __props.m.battery.present ? "on AC" : "—"), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/App.vue
+var App_default = /* @__PURE__ */ defineComponent({
+	__name: "App",
+	props: {
+		snapshot: {},
+		columns: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { metrics, history, now } = useMetrics();
+		const { columns } = useWindowSize();
+		const m = computed(() => props.snapshot ?? metrics.value ?? emptyMetrics());
+		const clockTs = computed(() => props.snapshot ? props.snapshot.ts || Date.now() : now.value);
+		const width = computed(() => props.columns || columns.value || 120);
+		const hist = computed(() => {
+			if (!props.snapshot) return history.value;
+			const s = props.snapshot;
+			const flat = (v) => Array.from({ length: 48 }, () => v);
+			return {
+				cpu: flat(s.cpu.usage),
+				gpu: flat(s.gpu.usage ?? 0),
+				mem: flat(s.memory.usedPct),
+				rx: flat(s.net.rxBps),
+				tx: flat(s.net.txBps)
+			};
+		});
+		watchEffect(() => setThemeMode(m.value.appearance.mode));
+		let quit = () => process.exit(0);
+		try {
+			const app = useApp();
+			quit = () => app.exit();
+		} catch {}
+		try {
+			useInput((input) => {
+				if (input === "q") quit();
+			});
+		} catch {}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), {
+				flexDirection: "column",
+				width: width.value
+			}, {
+				default: withCtx(() => [
+					createVNode(HeaderBar_default, {
+						m: m.value,
+						now: clockTs.value,
+						width: width.value
+					}, null, 8, [
+						"m",
+						"now",
+						"width"
+					]),
+					width.value >= 100 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createVNode(unref(Box), {
+							flexDirection: "row",
+							gap: 1
+						}, {
+							default: withCtx(() => [createVNode(CpuPanel_default, {
+								cpu: m.value.cpu,
+								history: hist.value.cpu
+							}, null, 8, ["cpu", "history"]), createVNode(MemoryPanel_default, {
+								memory: m.value.memory,
+								history: hist.value.mem
+							}, null, 8, ["memory", "history"])]),
+							_: 1
+						}),
+						createVNode(unref(Box), {
+							flexDirection: "row",
+							gap: 1
+						}, {
+							default: withCtx(() => [
+								createVNode(NetworkPanel_default, {
+									net: m.value.net,
+									rx: hist.value.rx,
+									tx: hist.value.tx
+								}, null, 8, [
+									"net",
+									"rx",
+									"tx"
+								]),
+								createVNode(BatteryPanel_default, { battery: m.value.battery }, null, 8, ["battery"]),
+								createVNode(GpuPanel_default, {
+									gpu: m.value.gpu,
+									history: hist.value.gpu
+								}, null, 8, ["gpu", "history"])
+							]),
+							_: 1
+						}),
+						createVNode(unref(Box), {
+							flexDirection: "row",
+							gap: 1
+						}, {
+							default: withCtx(() => [createVNode(DiskPanel_default, { disk: m.value.disk }, null, 8, ["disk"]), createVNode(SensorsPanel_default, { sensors: m.value.sensors }, null, 8, ["sensors"])]),
+							_: 1
+						})
+					], 64)) : (openBlock(), createBlock(NarrowView_default, {
+						key: 1,
+						m: m.value
+					}, null, 8, ["m"])),
+					createVNode(unref(Box), { paddingX: 1 }, {
+						default: withCtx(() => [createVNode(unref(Text), { color: unref(theme).dim }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(width.value >= 100 ? "q quit · refresh 1s" : "q quit"), 1)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["width"]);
+		};
+	}
+});
+//#endregion
+//#region src/main.ts
+var args = process.argv.slice(2);
+async function realSnapshot() {
+	await collectAll();
+	await new Promise((r) => setTimeout(r, 700));
+	return collectAll();
+}
+if (args.includes("--json")) {
+	const snapshot = await realSnapshot();
+	process.stdout.write(JSON.stringify(snapshot, null, 2) + "\n");
+	process.exit(0);
+} else if (args.includes("--once") || args.includes("--snapshot")) {
+	const snapshot = await realSnapshot();
+	const columns = Number(process.env.COLUMNS) || process.stdout.columns || 120;
+	const Snapshot = defineComponent({
+		name: "MachudSnapshot",
+		setup: () => () => h(App_default, {
+			snapshot,
+			columns
+		})
+	});
+	process.stdout.write(renderToString(Snapshot, { columns }) + "\n");
+	process.exit(0);
+} else createApp(App_default).mount({ alternateScreen: true });
+//#endregion