opencode-system-metrics-tui 0.1.1 → 0.1.2

package/README.md

@@ -15,11 +15,14 @@ The README is available in **Español**, **English**, and **Português**.
 - GPU: utilización y temperatura.
 - GPU VRAM: memoria usada, total y porcentaje.
 - Red: velocidad de descarga y subida en tiempo real.
-- Actualización cada 2 segundos.
+- CPU, RAM y red se consultan con una cadencia general de 2 segundos; GPU, VRAM y temperaturas usan una caché expirable de 10 segundos para reducir el coste sin congelar los sensores.
 - Colores compatibles con el tema activo de OpenCode.
-- Iconos Hack Nerd Font con fallback Unicode.
+- Iconos Unicode por defecto en Windows (la detección de fuentes instaladas no cambia la selección); Linux/macOS usan Nerd Font solo si está instalada y mantienen fallback Unicode.
 - En Windows usa iconos Unicode visibles de forma predeterminada, porque OpenCode no puede detectar la fuente activa de la terminal.
 - Soporte para Linux, macOS y Windows cuando el sistema expone las métricas.
+- En Windows, la temperatura de CPU requiere LibreHardwareMonitor ejecutándose como administrador con **Remote Web Server** activo en `http://127.0.0.1:8085`.
+- En Windows, la velocidad de red usa PowerShell y `Get-NetAdapterStatistics`; no agrega una dependencia npm.
+- Las lecturas opcionales de Windows se hacen bajo demanda, con timeout y caché; no hay timers globales de PowerShell.
 
 ### Requisitos
 
@@ -36,7 +39,7 @@ npm run install-font
 opencode
 ```
 
-`npm run install-font` instala **Hack Nerd Font** únicamente para el usuario actual. No se ejecuta automáticamente durante `npm install` y solicita confirmación antes de descargar la fuente oficial.
+`npm run install-font` ejecuta el instalador compilado incluido en `dist/`, instala **Hack Nerd Font** únicamente para el usuario actual, no se ejecuta automáticamente durante `npm install` y solicita confirmación antes de descargar la fuente oficial.
 
 Comandos adicionales:
 
@@ -55,7 +58,7 @@ La fuente se instala solo para el usuario actual:
 - macOS: `~/Library/Fonts`
 - Windows: `%LOCALAPPDATA%\\Microsoft\\Windows\\Fonts`
 
-Después de instalarla, selecciona **Hack Nerd Font Mono** en la terminal y reinicia la terminal y OpenCode. Si no se selecciona una Nerd Font, el plugin usa iconos Unicode de fallback.
+Después de instalarla, selecciona **Hack Nerd Font Mono** en la terminal y reinicia la terminal y OpenCode. En Windows, para optar explícitamente por iconos Nerd Font define `OPENCODE_MONITOR_NERD_FONT=1`; no se activa solo por detectar archivos instalados.
 
 ### Publicación e instalación desde npm
 
@@ -72,6 +75,8 @@ En otro equipo:
 opencode plugin opencode-system-metrics-tui
 ```
 
+El paquete exporta tanto la raíz (`opencode-system-metrics-tui`) como `./tui`; ambas rutas cargan el mismo bundle TUI.
+
 El instalador de OpenCode configura el plugin TUI automáticamente. Reinicia OpenCode después de instalarlo.
 
 Publicar en npm e instalar en OpenCode son pasos distintos:
@@ -99,11 +104,14 @@ npm run build
 - GPU: utilization and temperature.
 - GPU VRAM: used memory, total memory, and percentage.
 - Network: live download and upload speeds.
-- Refreshes every 2 seconds.
+- CPU, RAM, and network use the 2-second general cadence; GPU, VRAM, and temperatures use an expiring 10-second cache to reduce cost without freezing sensors.
 - Uses the active OpenCode theme colors.
-- Hack Nerd Font icons with Unicode fallback.
+- Windows uses Unicode icons by default (installed-font detection does not change selection); Linux/macOS use Nerd Font only when installed and retain Unicode fallback.
 - On Windows, visible Unicode icons are used by default because OpenCode cannot detect the terminal's active font.
 - Supports Linux, macOS, and Windows when the operating system exposes the metrics.
+- On Windows, CPU temperature requires LibreHardwareMonitor running as administrator with **Remote Web Server** enabled at `http://127.0.0.1:8085`.
+- On Windows, network speed uses PowerShell and `Get-NetAdapterStatistics`; it adds no npm dependency.
+- Optional Windows reads are on demand, timeout-bounded, and cached; no global PowerShell timers are used.
 
 ### Requirements
 
@@ -120,7 +128,7 @@ npm run install-font
 opencode
 ```
 
-`npm run install-font` installs **Hack Nerd Font** for the current user only. It is not executed automatically by `npm install` and asks for confirmation before downloading the official font.
+`npm run install-font` runs the compiled installer included in `dist/`, installs **Hack Nerd Font** for the current user only, is not executed automatically by `npm install`, and asks for confirmation before downloading the official font.
 
 Extra commands:
 
@@ -139,7 +147,7 @@ The font is installed for the current user only:
 - macOS: `~/Library/Fonts`
 - Windows: `%LOCALAPPDATA%\\Microsoft\\Windows\\Fonts`
 
-After installation, select **Hack Nerd Font Mono** in the terminal and restart the terminal and OpenCode. If a Nerd Font is not selected, the plugin uses Unicode fallback icons.
+After installation, select **Hack Nerd Font Mono** in the terminal and restart the terminal and OpenCode. On Windows, explicitly opt into Nerd Font icons with `OPENCODE_MONITOR_NERD_FONT=1`; installed-font detection alone never enables them.
 
 ### Publishing and npm installation
 
@@ -156,6 +164,8 @@ On another machine:
 opencode plugin opencode-system-metrics-tui
 ```
 
+The package exports both the root (`opencode-system-metrics-tui`) and `./tui`; both paths load the same TUI bundle.
+
 The OpenCode installer configures the TUI plugin automatically. Restart OpenCode after installation.
 
 Publishing to npm and installing in OpenCode are separate steps:
@@ -183,11 +193,14 @@ npm run build
 - GPU: utilização e temperatura.
 - GPU VRAM: memória usada, total e porcentagem.
 - Rede: velocidades de download e upload em tempo real.
-- Atualização a cada 2 segundos.
+- CPU, RAM e rede usam a cadência geral de 2 segundos; GPU, VRAM e temperaturas usam uma cache expirável de 10 segundos para reduzir o custo sem congelar os sensores.
 - Usa as cores do tema ativo do OpenCode.
-- Ícones Hack Nerd Font com fallback Unicode.
+- No Windows, os ícones Unicode são usados por padrão (detectar fontes instaladas não muda a seleção); Linux/macOS usam Nerd Font apenas quando instalada e mantêm fallback Unicode.
 - No Windows, ícones Unicode visíveis são usados por padrão porque o OpenCode não consegue detectar a fonte ativa do terminal.
 - Suporte para Linux, macOS e Windows quando o sistema disponibiliza as métricas.
+- No Windows, a temperatura da CPU requer o LibreHardwareMonitor executado como administrador com o **Remote Web Server** ativo em `http://127.0.0.1:8085`.
+- No Windows, a velocidade da rede usa o PowerShell e `Get-NetAdapterStatistics`; nenhuma dependência npm é adicionada.
+- As leituras opcionais do Windows são sob demanda, têm timeout e cache; não há timers globais do PowerShell.
 
 ### Requisitos
 
@@ -204,7 +217,7 @@ npm run install-font
 opencode
 ```
 
-`npm run install-font` instala a **Hack Nerd Font** somente para o usuário atual. O comando não é executado automaticamente durante `npm install` e pede confirmação antes de baixar a fonte oficial.
+`npm run install-font` executa o instalador compilado incluído em `dist/`, instala a **Hack Nerd Font** somente para o usuário atual, não é executado automaticamente durante `npm install` e pede confirmação antes de baixar a fonte oficial.
 
 Comandos adicionais:
 
@@ -223,7 +236,7 @@ A fonte é instalada somente para o usuário atual:
 - macOS: `~/Library/Fonts`
 - Windows: `%LOCALAPPDATA%\\Microsoft\\Windows\\Fonts`
 
-Depois da instalação, selecione **Hack Nerd Font Mono** no terminal e reinicie o terminal e o OpenCode. Se uma Nerd Font não estiver selecionada, o plugin usará ícones Unicode de fallback.
+Depois da instalação, selecione **Hack Nerd Font Mono** no terminal e reinicie o terminal e o OpenCode. No Windows, opte explicitamente pelos ícones Nerd Font com `OPENCODE_MONITOR_NERD_FONT=1`; detectar arquivos instalados sozinho nunca os ativa.
 
 ### Publicação e instalação pelo npm
 
@@ -240,6 +253,8 @@ Em outro computador:
 opencode plugin opencode-system-metrics-tui
 ```
 
+O pacote exporta tanto a raiz (`opencode-system-metrics-tui`) quanto `./tui`; os dois caminhos carregam o mesmo bundle TUI.
+
 O instalador do OpenCode configura o plugin TUI automaticamente. Reinicie o OpenCode após a instalação.
 
 Publicar no npm e instalar no OpenCode são etapas diferentes:

package/dist/install-hack-font.js

@@ -0,0 +1,156 @@
+// scripts/install-hack-font.ts
+import { cp, mkdir, mkdtemp, readdir, rm, writeFile } from "node:fs/promises";
+import { tmpdir } from "node:os";
+import { basename, join } from "node:path";
+import { execFile as execFileCallback } from "node:child_process";
+import { promisify } from "node:util";
+
+// src/font.ts
+import { existsSync, readdirSync } from "node:fs";
+import { homedir } from "node:os";
+import { join as posixJoin, win32 } from "node:path";
+var NERD_FONT_FILE_PATTERN = /NerdFont[A-Za-z0-9-]*[-_][A-Za-z0-9-]+\.(?:ttf|otf)$/i;
+function getFontDirectories(platform, home = homedir(), env = process.env) {
+  if (platform === "darwin")
+    return [posixJoin(home, "Library", "Fonts"), "/Library/Fonts", "/System/Library/Fonts"];
+  if (platform === "win32") {
+    const localAppData = env.LOCALAPPDATA ?? win32.join(home, "AppData", "Local");
+    const windows = env.WINDIR ?? "C:\\Windows";
+    return [win32.join(localAppData, "Microsoft", "Windows", "Fonts"), win32.join(windows, "Fonts")];
+  }
+  return [posixJoin(home, ".local", "share", "fonts"), posixJoin(home, ".fonts"), "/usr/local/share/fonts", "/usr/share/fonts"];
+}
+function isNerdFontFile(fileName) {
+  return NERD_FONT_FILE_PATTERN.test(fileName);
+}
+var isHackNerdFontFile = isNerdFontFile;
+function hasNerdFont(platform = process.platform, home = homedir(), env = process.env) {
+  const containsFont = (directory) => {
+    if (!existsSync(directory))
+      return false;
+    try {
+      return readdirSync(directory, { withFileTypes: true }).some((entry) => {
+        const path = platform === "win32" ? win32.join(directory, entry.name) : posixJoin(directory, entry.name);
+        return entry.isFile() ? isNerdFontFile(entry.name) : entry.isDirectory() && containsFont(path);
+      });
+    } catch {
+      return false;
+    }
+  };
+  return getFontDirectories(platform, home, env).some(containsFont);
+}
+var hasHackNerdFont = hasNerdFont;
+var nerdFontIcons = {
+  title: "\uDB80\uDF79",
+  cpu: "\uDB83\uDEE0",
+  ram: "\uDB81\uDE1A",
+  gpu: "\uDB82\uDCAE",
+  vram: "\uDB80\uDF5B",
+  thermometer: "",
+  network: "\uDB81\uDEF3"
+};
+var unicodeIcons = { title: "▦", cpu: "▣", ram: "▤", gpu: "◆", vram: "◈", thermometer: "♨", network: "⇅" };
+function getMetricIcons(useNerdFont) {
+  return useNerdFont ? nerdFontIcons : unicodeIcons;
+}
+function shouldUseNerdFont(platform, detected, env = process.env) {
+  if (platform === "win32")
+    return env.OPENCODE_MONITOR_NERD_FONT === "1";
+  return detected;
+}
+
+// scripts/install-hack-font.ts
+var execFile = promisify(execFileCallback);
+var RELEASE_URL = "https://github.com/ryanoasis/nerd-fonts/releases/download/v3.4.0/Hack.zip";
+function printHelp() {
+  console.log(`Install Hack Nerd Font for the current user.
+
+Usage:
+  npm run install-font          Ask before downloading and installing
+  npm run install-font --check  Detect only; never downloads or changes files
+  npm run install-font --help   Show this help
+  npm run install-font --yes    Skip the download confirmation`);
+}
+async function confirm() {
+  if (!process.stdin.isTTY)
+    return false;
+  process.stdout.write("Download Hack Nerd Font from the official Nerd Fonts release? [y/N] ");
+  for await (const chunk of process.stdin)
+    return /^y(es)?$/i.test(String(chunk).trim());
+  return false;
+}
+async function findFontFiles(directory) {
+  const files = [];
+  for (const entry of await readdir(directory, { withFileTypes: true })) {
+    const path = join(directory, entry.name);
+    if (entry.isDirectory())
+      files.push(...await findFontFiles(path));
+    else if (entry.isFile() && isHackNerdFontFile(entry.name))
+      files.push(path);
+  }
+  return files;
+}
+async function extractZip(zipPath, destination, platform) {
+  try {
+    if (platform === "win32") {
+      await execFile("powershell.exe", ["-NoProfile", "-NonInteractive", "-Command", "Expand-Archive -LiteralPath $args[0] -DestinationPath $args[1] -Force", zipPath, destination]);
+    } else {
+      await execFile("unzip", ["-q", "-o", zipPath, "-d", destination]);
+    }
+  } catch (error) {
+    throw new Error(`Could not extract the ZIP archive. Install unzip (Linux/macOS) or use PowerShell (Windows). ${error instanceof Error ? error.message : String(error)}`);
+  }
+}
+async function registerWindowsFonts(fontFiles) {
+  const script = "$key='HKCU:\\Software\\Microsoft\\Windows NT\\CurrentVersion\\Fonts'; New-Item -Path $key -Force | Out-Null; foreach ($font in $args) { New-ItemProperty -Path $key -Name ([IO.Path]::GetFileNameWithoutExtension($font)) -Value $font -PropertyType String -Force | Out-Null }";
+  await execFile("powershell.exe", ["-NoProfile", "-NonInteractive", "-Command", script, ...fontFiles]);
+}
+async function install() {
+  const platform = process.platform;
+  const supportedPlatforms = ["linux", "darwin", "win32"];
+  if (!supportedPlatforms.includes(platform))
+    throw new Error(`Unsupported platform: ${process.platform}`);
+  if (hasHackNerdFont(platform))
+    return console.log("Hack Nerd Font is already installed; nothing to do.");
+  if (!(process.argv.includes("--yes") || await confirm()))
+    return console.log("Installation cancelled. Use --yes to confirm non-interactively.");
+  const temporaryDirectory = await mkdtemp(join(tmpdir(), "opencode-monitor-font-"));
+  try {
+    console.log(`Downloading ${RELEASE_URL}`);
+    const response = await fetch(RELEASE_URL);
+    if (!response.ok)
+      throw new Error(`Download failed with HTTP ${response.status} ${response.statusText}`);
+    const zipPath = join(temporaryDirectory, "Hack.zip");
+    await writeFile(zipPath, Buffer.from(await response.arrayBuffer()));
+    const extractedDirectory = join(temporaryDirectory, "extracted");
+    await mkdir(extractedDirectory);
+    await extractZip(zipPath, extractedDirectory, platform);
+    const fontFiles = await findFontFiles(extractedDirectory);
+    if (fontFiles.length === 0)
+      throw new Error("The downloaded archive did not contain Hack Nerd Font files.");
+    const targetDirectory = getFontDirectories(platform)[0];
+    await mkdir(targetDirectory, { recursive: true });
+    const installedFiles = fontFiles.map((file) => join(targetDirectory, basename(file)));
+    for (let index = 0;index < fontFiles.length; index += 1)
+      await cp(fontFiles[index], installedFiles[index], { force: true });
+    if (platform === "win32") {
+      try {
+        await registerWindowsFonts(installedFiles);
+      } catch {
+        console.warn("Fonts were copied, but Windows font registration failed. Select Hack Nerd Font in the terminal manually.");
+      }
+    }
+    console.log(`Installed ${fontFiles.length} font files in ${targetDirectory}. Select Hack Nerd Font in your terminal and restart OpenCode.`);
+  } finally {
+    await rm(temporaryDirectory, { recursive: true, force: true });
+  }
+}
+if (process.argv.includes("--help"))
+  printHelp();
+else if (process.argv.includes("--check"))
+  console.log(hasHackNerdFont() ? "Hack Nerd Font is installed." : "Hack Nerd Font is not installed.");
+else
+  install().catch((error) => {
+    console.error(`Hack Nerd Font installation could not be completed: ${error instanceof Error ? error.message : String(error)}`);
+    process.exitCode = 1;
+  });

package/dist/tui.js

@@ -1,4 +1,3 @@
-// @bun
 // src/tui.tsx
 import { createComponent as _$createComponent } from "@opentui/solid";
 import { effect as _$effect } from "@opentui/solid";
@@ -13,19 +12,19 @@ import { TextAttributes } from "@opentui/core";
 // src/format.ts
 var BYTES_PER_GIB = 1024 ** 3;
 function formatPercent(value) {
-  return value === null || !Number.isFinite(value) ? "\u2014" : `${Math.round(value)}%`;
+  return value === null || !Number.isFinite(value) ? "—" : `${Math.round(value)}%`;
 }
 function formatTemperature(value) {
-  return value === null || !Number.isFinite(value) ? "\u2014" : `${Math.round(value)}\xB0C`;
+  return value === null || !Number.isFinite(value) ? "—" : `${Math.round(value)}°C`;
 }
 function formatGiB(bytes) {
   if (bytes === null || !Number.isFinite(bytes))
-    return "\u2014";
+    return "—";
   return `${(bytes / BYTES_PER_GIB).toFixed(1)} GiB`;
 }
 function formatRate(bytesPerSecond) {
   if (bytesPerSecond === null || !Number.isFinite(bytesPerSecond))
-    return "\u2014";
+    return "—";
   const units = ["B/s", "KiB/s", "MiB/s", "GiB/s"];
   let value = Math.max(0, bytesPerSecond);
   let unit = 0;
@@ -37,7 +36,50 @@ function formatRate(bytesPerSecond) {
 }
 
 // src/metrics.ts
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
 import si from "systeminformation";
+var execFileAsync = promisify(execFile);
+function parseMonitorTemperature(value) {
+  if (value === undefined)
+    return;
+  const parsed = Number(value.replace(",", ".").replace(/[^\d.-]/g, ""));
+  return Number.isFinite(parsed) ? parsed : undefined;
+}
+async function readLibreHardwareMonitorTemperature() {
+  const response = await fetch("http://127.0.0.1:8085/data.json", { signal: AbortSignal.timeout(2000) });
+  if (!response.ok)
+    return;
+  const root = await response.json();
+  const sensors = [];
+  const visit = (node) => {
+    if (node.Type === "Temperature" && node.Text !== undefined)
+      sensors.push(node);
+    for (const child of node.Children ?? [])
+      visit(child);
+  };
+  visit(root);
+  const cpuSensor = sensors.find((sensor) => sensor.Text === "CPU Package") ?? sensors.find((sensor) => sensor.Text === "Core Average") ?? sensors.find((sensor) => sensor.Text === "Core Max");
+  return parseMonitorTemperature(cpuSensor?.Value);
+}
+function parseWindowsNetworkOutput(stdout) {
+  const parsed = JSON.parse(stdout.trim());
+  const rows = Array.isArray(parsed) ? parsed : [parsed];
+  return rows.map((item) => ({
+    iface: item.Name,
+    rx_bytes: finite(item.ReceivedBytes) ?? 0,
+    tx_bytes: finite(item.SentBytes) ?? 0
+  }));
+}
+async function readWindowsNetworkSample() {
+  const { stdout } = await execFileAsync("powershell.exe", [
+    "-NoProfile",
+    "-NonInteractive",
+    "-Command",
+    "Get-NetAdapterStatistics | Select-Object Name,ReceivedBytes,SentBytes | ConvertTo-Json -Compress"
+  ], { windowsHide: true, timeout: 15000, maxBuffer: 1024 * 1024 });
+  return parseWindowsNetworkOutput(stdout);
+}
 var previousNetwork;
 var unavailable = {
   cpuPercent: null,
@@ -70,62 +112,139 @@ async function withTimeout(promise, timeoutMs) {
       clearTimeout(timeout);
   }
 }
+var SLOW_METRIC_CACHE_MS = 1e4;
+var TEMPERATURE_CACHE_MS = 1e4;
+var isWindows = process.platform === "win32";
+var NETWORK_CACHE_MS = 2000;
+function selectGpuMetrics(graphics) {
+  const empty = {
+    gpuPercent: null,
+    gpuTemperatureCelsius: null,
+    gpuMemoryUsedBytes: null,
+    gpuMemoryTotalBytes: null,
+    gpuMemoryPercent: null
+  };
+  if (graphics === undefined)
+    return empty;
+  const controller = graphics.controllers.map((item) => {
+    const utilization = finite(item.utilizationGpu);
+    const temperature = finite(item.temperatureGpu);
+    const memoryTotal = finite(item.memoryTotal);
+    const memoryFree = finite(item.memoryFree);
+    const memoryUsed = finite(item.memoryUsed) ?? (memoryTotal !== null && memoryFree !== null ? Math.max(0, memoryTotal - memoryFree) : null);
+    const hasMemory = memoryUsed !== null && memoryTotal !== null && memoryTotal > 0;
+    return { utilization, temperature, memoryUsed, memoryTotal, hasMemory };
+  }).filter(({ utilization, temperature, hasMemory }) => utilization !== null || temperature !== null || hasMemory).sort((left, right) => {
+    const score = (value) => (value.hasMemory ? 2 : 0) + (value.utilization !== null ? 1 : 0);
+    return score(right) - score(left) || (right.utilization ?? -Infinity) - (left.utilization ?? -Infinity);
+  })[0];
+  if (controller === undefined)
+    return empty;
+  const result = {
+    gpuPercent: controller.utilization ?? 0,
+    gpuTemperatureCelsius: controller.temperature,
+    gpuMemoryUsedBytes: null,
+    gpuMemoryTotalBytes: null,
+    gpuMemoryPercent: null
+  };
+  if (controller.hasMemory) {
+    result.gpuMemoryUsedBytes = controller.memoryUsed * 1024 ** 2;
+    result.gpuMemoryTotalBytes = controller.memoryTotal * 1024 ** 2;
+    result.gpuMemoryPercent = controller.memoryUsed / controller.memoryTotal * 100;
+  }
+  return result;
+}
+function readCachedMetric(state, reader, cacheMs = SLOW_METRIC_CACHE_MS, now = Date.now()) {
+  if (state.inFlight !== undefined)
+    return state.inFlight;
+  if (now - state.lastAttemptAt < cacheMs)
+    return Promise.resolve(state.value);
+  state.lastAttemptAt = now;
+  state.inFlight = reader().then((value) => {
+    state.value = value;
+    return value;
+  }).catch(() => state.value).finally(() => {
+    state.inFlight = undefined;
+  });
+  return state.inFlight;
+}
+var cachedCpuTemperature = {
+  value: undefined,
+  lastAttemptAt: 0,
+  inFlight: undefined
+};
+var cachedGraphics = {
+  value: undefined,
+  lastAttemptAt: 0,
+  inFlight: undefined
+};
+var cachedNetwork = {
+  value: undefined,
+  lastAttemptAt: 0,
+  inFlight: undefined
+};
+var previousWindowsNetwork;
+async function readWindowsNetworkMetrics() {
+  const samples = await readWindowsNetworkSample();
+  const timestamp = Date.now();
+  const rx = samples.reduce((total, item) => total + (finite(item.rx_bytes) ?? 0), 0);
+  const tx = samples.reduce((total, item) => total + (finite(item.tx_bytes) ?? 0), 0);
+  const seconds = previousWindowsNetwork === undefined ? undefined : Math.max((timestamp - previousWindowsNetwork.timestamp) / 1000, 0.001);
+  const result = [{
+    rx_bytes: rx,
+    tx_bytes: tx,
+    rx_sec: seconds === undefined ? undefined : Math.max(0, rx - previousWindowsNetwork.rx) / seconds,
+    tx_sec: seconds === undefined ? undefined : Math.max(0, tx - previousWindowsNetwork.tx) / seconds
+  }];
+  previousWindowsNetwork = { timestamp, rx, tx };
+  return result;
+}
+async function readWindowsCpuTemperature() {
+  let value;
+  try {
+    value = await readLibreHardwareMonitorTemperature();
+  } catch {}
+  if (value === undefined) {
+    try {
+      const fallback = await si.cpuTemperature();
+      value = finite(fallback.main) ?? finite(fallback.max) ?? undefined;
+    } catch {}
+  }
+  return value === undefined ? undefined : { main: value };
+}
 async function readMetrics() {
   const [load, memory] = await Promise.allSettled([
-    si.currentLoad(),
-    si.mem()
+    withTimeout(si.currentLoad(), 1500),
+    withTimeout(si.mem(), 1500)
   ]);
   const [temperature, graphics, network] = await Promise.allSettled([
-    withTimeout(si.cpuTemperature(), 1500),
-    withTimeout(si.graphics(), 1500),
-    withTimeout(si.networkStats("*"), 1500)
+    withTimeout(readCachedMetric(cachedCpuTemperature, isWindows ? readWindowsCpuTemperature : () => si.cpuTemperature(), TEMPERATURE_CACHE_MS), 2500),
+    withTimeout(readCachedMetric(cachedGraphics, () => si.graphics(), SLOW_METRIC_CACHE_MS), 2500),
+    withTimeout(readCachedMetric(cachedNetwork, isWindows ? readWindowsNetworkMetrics : () => si.networkStats("*"), isWindows ? NETWORK_CACHE_MS : 2000), 1500)
   ]);
   const cpuPercent = load.status === "fulfilled" ? finite(load.value.currentLoad) : null;
   const memoryTotalBytes = memory.status === "fulfilled" ? finite(memory.value.total) : null;
   const memoryAvailableBytes = memory.status === "fulfilled" ? finite(memory.value.available) : null;
   const memoryUsedBytes = memoryTotalBytes !== null && memoryAvailableBytes !== null ? Math.max(0, memoryTotalBytes - memoryAvailableBytes) : memory.status === "fulfilled" ? finite(memory.value.used) : null;
   const memoryPercent = memoryUsedBytes !== null && memoryTotalBytes !== null && memoryTotalBytes > 0 ? memoryUsedBytes / memoryTotalBytes * 100 : null;
-  let gpuPercent = null;
-  let gpuTemperatureCelsius = null;
-  let gpuMemoryUsedBytes = null;
-  let gpuMemoryTotalBytes = null;
-  let gpuMemoryPercent = null;
-  if (graphics.status === "fulfilled") {
-    const controller = graphics.value.controllers.map((item) => {
-      const utilization = finite(item.utilizationGpu);
-      const temperature = finite(item.temperatureGpu);
-      const memoryUsed = finite(item.memoryUsed);
-      const memoryTotal = finite(item.memoryTotal);
-      const hasMemory = memoryUsed !== null && memoryTotal !== null && memoryTotal > 0;
-      return { item, utilization, temperature, memoryUsed, memoryTotal, hasMemory };
-    }).filter(({ utilization, temperature, hasMemory }) => utilization !== null || temperature !== null || hasMemory).sort((left, right) => {
-      const score = (value) => (value.hasMemory ? 2 : 0) + (value.utilization !== null ? 1 : 0);
-      const scoreDifference = score(right) - score(left);
-      if (scoreDifference !== 0)
-        return scoreDifference;
-      return (right.utilization ?? -Infinity) - (left.utilization ?? -Infinity);
-    })[0];
-    if (controller !== undefined) {
-      gpuPercent = controller.utilization ?? (controller.hasMemory ? 0 : null);
-      gpuTemperatureCelsius = controller.temperature;
-      if (controller.hasMemory) {
-        gpuMemoryUsedBytes = controller.memoryUsed * 1024 ** 2;
-        gpuMemoryTotalBytes = controller.memoryTotal * 1024 ** 2;
-        gpuMemoryPercent = controller.memoryUsed / controller.memoryTotal * 100;
-      }
-    }
-  }
+  const gpu = selectGpuMetrics(graphics.status === "fulfilled" ? graphics.value : undefined);
   let downloadBytesPerSecond = null;
   let uploadBytesPerSecond = null;
-  if (network.status === "fulfilled") {
+  if (network.status === "fulfilled" && network.value !== undefined) {
     const samples = network.value;
     const timestamp = Date.now();
     const rx = samples.reduce((total, item) => total + (finite(item.rx_bytes) ?? 0), 0);
     const tx = samples.reduce((total, item) => total + (finite(item.tx_bytes) ?? 0), 0);
-    if (previousNetwork !== undefined) {
+    if (isWindows) {
+      downloadBytesPerSecond = finite(samples[0]?.rx_sec) ?? null;
+      uploadBytesPerSecond = finite(samples[0]?.tx_sec) ?? null;
+    } else if (previousNetwork !== undefined) {
       const seconds = Math.max((timestamp - previousNetwork.timestamp) / 1000, 0.001);
       downloadBytesPerSecond = Math.max(0, rx - previousNetwork.rx) / seconds;
       uploadBytesPerSecond = Math.max(0, tx - previousNetwork.tx) / seconds;
+    } else {
+      downloadBytesPerSecond = finite(samples[0]?.rx_sec) ?? null;
+      uploadBytesPerSecond = finite(samples[0]?.tx_sec) ?? null;
     }
     previousNetwork = { timestamp, rx, tx };
   }
@@ -135,22 +254,22 @@ async function readMetrics() {
     memoryUsedBytes,
     memoryTotalBytes,
     memoryPercent,
-    gpuPercent,
-    cpuTemperatureCelsius: temperature.status === "fulfilled" ? finite(temperature.value.main) ?? finite(temperature.value.max) : null,
-    gpuTemperatureCelsius,
-    gpuMemoryUsedBytes,
-    gpuMemoryTotalBytes,
-    gpuMemoryPercent,
+    gpuPercent: gpu.gpuPercent,
+    cpuTemperatureCelsius: temperature.status === "fulfilled" && temperature.value !== undefined ? finite(temperature.value.main) ?? ("max" in temperature.value ? finite(temperature.value.max) : null) : null,
+    gpuTemperatureCelsius: gpu.gpuTemperatureCelsius,
+    gpuMemoryUsedBytes: gpu.gpuMemoryUsedBytes,
+    gpuMemoryTotalBytes: gpu.gpuMemoryTotalBytes,
+    gpuMemoryPercent: gpu.gpuMemoryPercent,
     downloadBytesPerSecond,
     uploadBytesPerSecond
   };
 }
 
 // src/font.ts
-import { existsSync, readdirSync } from "fs";
-import { homedir } from "os";
-import { join as posixJoin, win32 } from "path";
-var FONT_FILE_PATTERN = /^HackNerdFont(?:Mono|Propo|Console)?-[A-Za-z0-9-]+\.(?:ttf|otf)$/i;
+import { existsSync, readdirSync } from "node:fs";
+import { homedir } from "node:os";
+import { join as posixJoin, win32 } from "node:path";
+var NERD_FONT_FILE_PATTERN = /NerdFont[A-Za-z0-9-]*[-_][A-Za-z0-9-]+\.(?:ttf|otf)$/i;
 function getFontDirectories(platform, home = homedir(), env = process.env) {
   if (platform === "darwin")
     return [posixJoin(home, "Library", "Fonts"), "/Library/Fonts", "/System/Library/Fonts"];
@@ -161,17 +280,18 @@ function getFontDirectories(platform, home = homedir(), env = process.env) {
   }
   return [posixJoin(home, ".local", "share", "fonts"), posixJoin(home, ".fonts"), "/usr/local/share/fonts", "/usr/share/fonts"];
 }
-function isHackNerdFontFile(fileName) {
-  return FONT_FILE_PATTERN.test(fileName);
+function isNerdFontFile(fileName) {
+  return NERD_FONT_FILE_PATTERN.test(fileName);
 }
-function hasHackNerdFont(platform = process.platform, home = homedir(), env = process.env) {
+var isHackNerdFontFile = isNerdFontFile;
+function hasNerdFont(platform = process.platform, home = homedir(), env = process.env) {
   const containsFont = (directory) => {
     if (!existsSync(directory))
       return false;
     try {
       return readdirSync(directory, { withFileTypes: true }).some((entry) => {
         const path = platform === "win32" ? win32.join(directory, entry.name) : posixJoin(directory, entry.name);
-        return entry.isFile() ? isHackNerdFontFile(entry.name) : entry.isDirectory() && containsFont(path);
+        return entry.isFile() ? isNerdFontFile(entry.name) : entry.isDirectory() && containsFont(path);
       });
     } catch {
       return false;
@@ -179,71 +299,87 @@ function hasHackNerdFont(platform = process.platform, home = homedir(), env = pr
   };
   return getFontDirectories(platform, home, env).some(containsFont);
 }
+var hasHackNerdFont = hasNerdFont;
 var nerdFontIcons = {
   title: "\uDB80\uDF79",
   cpu: "\uDB83\uDEE0",
   ram: "\uDB81\uDE1A",
   gpu: "\uDB82\uDCAE",
   vram: "\uDB80\uDF5B",
-  thermometer: "\uF2C7",
+  thermometer: "",
   network: "\uDB81\uDEF3"
 };
-var unicodeIcons = { title: "\u25A6", cpu: "\u25A3", ram: "\u25A4", gpu: "\u25C6", vram: "\u25C8", thermometer: "\u2668", network: "\u21C5" };
+var unicodeIcons = { title: "▦", cpu: "▣", ram: "▤", gpu: "◆", vram: "◈", thermometer: "♨", network: "⇅" };
 function getMetricIcons(useNerdFont) {
   return useNerdFont ? nerdFontIcons : unicodeIcons;
 }
+function shouldUseNerdFont(platform, detected, env = process.env) {
+  if (platform === "win32")
+    return env.OPENCODE_MONITOR_NERD_FONT === "1";
+  return detected;
+}
 
 // src/tui.tsx
-var REFRESH_INTERVAL_MS = process.platform === "win32" ? 5000 : 2000;
-var icons = getMetricIcons(process.platform !== "win32" && hasHackNerdFont());
+var REFRESH_INTERVAL_MS = 2000;
+var icons = getMetricIcons(shouldUseNerdFont(process.platform, hasNerdFont()));
+var initialMetrics = {
+  cpuPercent: null,
+  memoryUsedBytes: null,
+  memoryTotalBytes: null,
+  memoryPercent: null,
+  gpuPercent: null,
+  cpuTemperatureCelsius: null,
+  gpuTemperatureCelsius: null,
+  gpuMemoryUsedBytes: null,
+  gpuMemoryTotalBytes: null,
+  gpuMemoryPercent: null,
+  downloadBytesPerSecond: null,
+  uploadBytesPerSecond: null
+};
+var [sharedMetrics, setSharedMetrics] = createSignal(initialMetrics);
+var metricsTimer;
+var metricsConsumers = 0;
+var refreshing = false;
+var refreshMetrics = async () => {
+  if (refreshing)
+    return;
+  refreshing = true;
+  try {
+    setSharedMetrics(await readMetrics());
+  } finally {
+    refreshing = false;
+  }
+};
+function startMetricsPolling() {
+  metricsConsumers += 1;
+  if (metricsConsumers !== 1)
+    return;
+  refreshMetrics();
+  metricsTimer = setInterval(() => void refreshMetrics(), REFRESH_INTERVAL_MS);
+}
+function stopMetricsPolling() {
+  metricsConsumers = Math.max(0, metricsConsumers - 1);
+  if (metricsConsumers !== 0 || metricsTimer === undefined)
+    return;
+  clearInterval(metricsTimer);
+  metricsTimer = undefined;
+}
 function systemMetricsTitle() {
   const locale = process.env.LC_ALL ?? process.env.LANGUAGE?.split(":")[0] ?? process.env.LANG ?? Intl.DateTimeFormat().resolvedOptions().locale;
   const language = locale.split(/[-_.]/)[0].toLowerCase();
   return {
     de: "Systemmetriken",
-    es: "M\xE9tricas del sistema",
-    fr: "M\xE9triques syst\xE8me",
+    es: "Métricas del sistema",
+    fr: "Métriques système",
     it: "Metriche di sistema",
-    pt: "M\xE9tricas do sistema"
+    pt: "Métricas do sistema"
   }[language] ?? "System metrics";
 }
 function MetricsPanel(props) {
-  const [metrics, setMetrics] = createSignal({
-    cpuPercent: null,
-    memoryUsedBytes: null,
-    memoryTotalBytes: null,
-    memoryPercent: null,
-    gpuPercent: null,
-    cpuTemperatureCelsius: null,
-    gpuTemperatureCelsius: null,
-    gpuMemoryUsedBytes: null,
-    gpuMemoryTotalBytes: null,
-    gpuMemoryPercent: null,
-    downloadBytesPerSecond: null,
-    uploadBytesPerSecond: null
-  });
-  let refreshing = false;
-  const refresh = async () => {
-    if (refreshing)
-      return;
-    refreshing = true;
-    try {
-      setMetrics(await readMetrics());
-    } finally {
-      refreshing = false;
-    }
-  };
-  let timer;
-  onMount(() => {
-    refresh();
-    timer = setInterval(() => void refresh(), REFRESH_INTERVAL_MS);
-  });
-  onCleanup(() => {
-    if (timer !== undefined)
-      clearInterval(timer);
-  });
+  onMount(startMetricsPolling);
+  onCleanup(stopMetricsPolling);
   return (() => {
-    var _el$ = _$createElement("box"), _el$2 = _$createElement("text"), _el$3 = _$createTextNode(` `), _el$4 = _$createElement("box"), _el$5 = _$createElement("text"), _el$6 = _$createElement("text"), _el$8 = _$createElement("text"), _el$9 = _$createTextNode(` \xB7 `), _el$0 = _$createTextNode(` `), _el$1 = _$createElement("box"), _el$10 = _$createElement("text"), _el$11 = _$createElement("text"), _el$13 = _$createElement("text"), _el$14 = _$createTextNode(` / `), _el$15 = _$createTextNode(` (`), _el$16 = _$createTextNode(`)`), _el$17 = _$createElement("box"), _el$18 = _$createElement("text"), _el$19 = _$createElement("text"), _el$21 = _$createElement("text"), _el$22 = _$createTextNode(` \xB7 `), _el$23 = _$createTextNode(` `), _el$24 = _$createElement("box"), _el$25 = _$createElement("text"), _el$26 = _$createElement("text"), _el$28 = _$createElement("text"), _el$29 = _$createTextNode(` / `), _el$30 = _$createTextNode(` (`), _el$31 = _$createTextNode(`)`), _el$32 = _$createElement("box"), _el$33 = _$createElement("text"), _el$34 = _$createElement("text"), _el$36 = _$createElement("text"), _el$37 = _$createTextNode(`\u2193 `), _el$38 = _$createTextNode(` \u2191 `);
+    var _el$ = _$createElement("box"), _el$2 = _$createElement("text"), _el$3 = _$createTextNode(` `), _el$4 = _$createElement("box"), _el$5 = _$createElement("text"), _el$6 = _$createElement("text"), _el$8 = _$createElement("text"), _el$9 = _$createTextNode(` · `), _el$0 = _$createTextNode(` `), _el$1 = _$createElement("box"), _el$10 = _$createElement("text"), _el$11 = _$createElement("text"), _el$13 = _$createElement("text"), _el$14 = _$createTextNode(` / `), _el$15 = _$createTextNode(` (`), _el$16 = _$createTextNode(`)`), _el$17 = _$createElement("box"), _el$18 = _$createElement("text"), _el$19 = _$createElement("text"), _el$21 = _$createElement("text"), _el$22 = _$createTextNode(` · `), _el$23 = _$createTextNode(` `), _el$24 = _$createElement("box"), _el$25 = _$createElement("text"), _el$26 = _$createElement("text"), _el$28 = _$createElement("text"), _el$29 = _$createTextNode(` / `), _el$30 = _$createTextNode(` (`), _el$31 = _$createTextNode(`)`), _el$32 = _$createElement("box"), _el$33 = _$createElement("text"), _el$34 = _$createElement("text"), _el$36 = _$createElement("text"), _el$37 = _$createTextNode(`↓ `), _el$38 = _$createTextNode(` ↑ `);
     _$insertNode(_el$, _el$2);
     _$insertNode(_el$, _el$4);
     _$insertNode(_el$, _el$1);
@@ -264,9 +400,9 @@ function MetricsPanel(props) {
     _$insertNode(_el$6, _$createTextNode(` CPU `));
     _$insertNode(_el$8, _el$9);
     _$insertNode(_el$8, _el$0);
-    _$insert(_el$8, () => formatPercent(metrics().cpuPercent), _el$9);
+    _$insert(_el$8, () => formatPercent(sharedMetrics().cpuPercent), _el$9);
     _$insert(_el$8, () => icons.thermometer, _el$0);
-    _$insert(_el$8, () => formatTemperature(metrics().cpuTemperatureCelsius), null);
+    _$insert(_el$8, () => formatTemperature(sharedMetrics().cpuTemperatureCelsius), null);
     _$insertNode(_el$1, _el$10);
     _$insertNode(_el$1, _el$11);
     _$insertNode(_el$1, _el$13);
@@ -276,9 +412,9 @@ function MetricsPanel(props) {
     _$insertNode(_el$13, _el$14);
     _$insertNode(_el$13, _el$15);
     _$insertNode(_el$13, _el$16);
-    _$insert(_el$13, () => formatGiB(metrics().memoryUsedBytes), _el$14);
-    _$insert(_el$13, () => formatGiB(metrics().memoryTotalBytes), _el$15);
-    _$insert(_el$13, () => formatPercent(metrics().memoryPercent), _el$16);
+    _$insert(_el$13, () => formatGiB(sharedMetrics().memoryUsedBytes), _el$14);
+    _$insert(_el$13, () => formatGiB(sharedMetrics().memoryTotalBytes), _el$15);
+    _$insert(_el$13, () => formatPercent(sharedMetrics().memoryPercent), _el$16);
     _$insertNode(_el$17, _el$18);
     _$insertNode(_el$17, _el$19);
     _$insertNode(_el$17, _el$21);
@@ -287,9 +423,9 @@ function MetricsPanel(props) {
     _$insertNode(_el$19, _$createTextNode(` GPU `));
     _$insertNode(_el$21, _el$22);
     _$insertNode(_el$21, _el$23);
-    _$insert(_el$21, () => formatPercent(metrics().gpuPercent), _el$22);
+    _$insert(_el$21, () => formatPercent(sharedMetrics().gpuPercent), _el$22);
     _$insert(_el$21, () => icons.thermometer, _el$23);
-    _$insert(_el$21, () => formatTemperature(metrics().gpuTemperatureCelsius), null);
+    _$insert(_el$21, () => formatTemperature(sharedMetrics().gpuTemperatureCelsius), null);
     _$insertNode(_el$24, _el$25);
     _$insertNode(_el$24, _el$26);
     _$insertNode(_el$24, _el$28);
@@ -299,9 +435,9 @@ function MetricsPanel(props) {
     _$insertNode(_el$28, _el$29);
     _$insertNode(_el$28, _el$30);
     _$insertNode(_el$28, _el$31);
-    _$insert(_el$28, () => formatGiB(metrics().gpuMemoryUsedBytes), _el$29);
-    _$insert(_el$28, () => formatGiB(metrics().gpuMemoryTotalBytes), _el$30);
-    _$insert(_el$28, () => formatPercent(metrics().gpuMemoryPercent), _el$31);
+    _$insert(_el$28, () => formatGiB(sharedMetrics().gpuMemoryUsedBytes), _el$29);
+    _$insert(_el$28, () => formatGiB(sharedMetrics().gpuMemoryTotalBytes), _el$30);
+    _$insert(_el$28, () => formatPercent(sharedMetrics().gpuMemoryPercent), _el$31);
     _$insertNode(_el$32, _el$33);
     _$insertNode(_el$32, _el$34);
     _$insertNode(_el$32, _el$36);
@@ -310,8 +446,8 @@ function MetricsPanel(props) {
     _$insertNode(_el$34, _$createTextNode(` NET `));
     _$insertNode(_el$36, _el$37);
     _$insertNode(_el$36, _el$38);
-    _$insert(_el$36, () => formatRate(metrics().downloadBytesPerSecond), _el$38);
-    _$insert(_el$36, () => formatRate(metrics().uploadBytesPerSecond), null);
+    _$insert(_el$36, () => formatRate(sharedMetrics().downloadBytesPerSecond), _el$38);
+    _$insert(_el$36, () => formatRate(sharedMetrics().uploadBytesPerSecond), null);
     _$effect((_p$) => {
       var _v$ = props.theme.text, _v$2 = TextAttributes.BOLD, _v$3 = props.theme.success, _v$4 = props.theme.text, _v$5 = props.theme.textMuted, _v$6 = props.theme.success, _v$7 = props.theme.text, _v$8 = props.theme.textMuted, _v$9 = props.theme.success, _v$0 = props.theme.text, _v$1 = props.theme.textMuted, _v$10 = props.theme.success, _v$11 = props.theme.text, _v$12 = props.theme.textMuted, _v$13 = props.theme.success, _v$14 = props.theme.text, _v$15 = props.theme.textMuted;
       _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e));

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "opencode-system-metrics-tui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "OpenCode TUI sidebar plugin for live system metrics",
   "license": "MIT",
   "type": "module",
   "exports": {
+    ".": {
+      "types": "./dist/tui.d.ts",
+      "import": "./dist/tui.js"
+    },
     "./tui": {
       "types": "./dist/tui.d.ts",
       "import": "./dist/tui.js"
@@ -17,9 +21,9 @@
   ],
   "scripts": {
     "build": "bun scripts/build.ts && tsc --emitDeclarationOnly --declaration --outDir dist",
-    "test": "tsx --test test/format.test.ts",
+    "test": "tsx --test test/*.test.ts",
     "typecheck": "tsc --noEmit",
-    "install-font": "tsx scripts/install-hack-font.ts"
+    "install-font": "node dist/install-hack-font.js"
   },
   "engines": {
     "node": ">=18"

package/scripts/build.ts

@@ -1,13 +1,13 @@
 import solidPlugin from "@opentui/solid/bun-plugin"
 
 const result = await Bun.build({
-  entrypoints: ["src/tui.tsx"],
+  entrypoints: ["src/tui.tsx", "scripts/install-hack-font.ts"],
   outdir: "dist",
-  target: "bun",
+  target: "node",
   format: "esm",
   plugins: [solidPlugin],
   external: ["@opencode-ai/plugin/tui", "@opentui/core", "@opentui/solid", "solid-js", "systeminformation"],
-  naming: "tui.js",
+  naming: "[name].js",
 })
 
 if (!result.success) {