opencode-system-metrics-tui 0.1.16 → 0.1.18

package/README.md

@@ -3,7 +3,7 @@
 ## Install globally in OpenCode
 
 ```powershell
-opencode plugin -g opencode-system-metrics-tui@0.1.16 --force
+opencode plugin -g opencode-system-metrics-tui@0.1.18 --force
 ```
 
 This is the primary installation path. The version must match `package.json`; `--force` asks OpenCode to refresh its package cache. The helper below skips OpenCode when the expected artifact is already current. Verify the actual installed artifact afterward:
@@ -120,7 +120,7 @@ npm publish --access public
 En otro equipo:
 
 ```bash
-opencode plugin opencode-system-metrics-tui@0.1.16
+opencode plugin opencode-system-metrics-tui@0.1.18
 ```
 
 El paquete exporta tanto la raíz (`opencode-system-metrics-tui`) como `./tui`; ambas rutas cargan el mismo bundle TUI.
@@ -130,8 +130,8 @@ El instalador de OpenCode configura el plugin TUI automáticamente. Reinicia Ope
 Publicar en npm e instalar en OpenCode son pasos distintos:
 
 - `npm publish --access public` publica el paquete en npm.
-- `opencode plugin opencode-system-metrics-tui@0.1.16` lo instala solo en el proyecto actual.
-- `opencode plugin -g opencode-system-metrics-tui@0.1.16 --force` lo instala globalmente para todos los proyectos.
+- `opencode plugin opencode-system-metrics-tui@0.1.18` lo instala solo en el proyecto actual.
+- `opencode plugin -g opencode-system-metrics-tui@0.1.18 --force` lo instala globalmente para todos los proyectos.
 
 ### Verificación
 
@@ -231,7 +231,7 @@ npm publish --access public
 On another machine:
 
 ```bash
-opencode plugin opencode-system-metrics-tui@0.1.16
+opencode plugin opencode-system-metrics-tui@0.1.18
 ```
 
 The package exports both the root (`opencode-system-metrics-tui`) and `./tui`; both paths load the same TUI bundle.
@@ -241,8 +241,8 @@ The OpenCode installer configures the TUI plugin automatically. Restart OpenCode
 Publishing to npm and installing in OpenCode are separate steps:
 
 - `npm publish --access public` publishes the package to npm.
-- `opencode plugin opencode-system-metrics-tui@0.1.16` installs it for the current project only.
-- `opencode plugin -g opencode-system-metrics-tui@0.1.16 --force` installs it globally for all projects.
+- `opencode plugin opencode-system-metrics-tui@0.1.18` installs it for the current project only.
+- `opencode plugin -g opencode-system-metrics-tui@0.1.18 --force` installs it globally for all projects.
 
 ### Verification
 
@@ -339,7 +339,7 @@ npm publish --access public
 Em outro computador:
 
 ```bash
-opencode plugin opencode-system-metrics-tui@0.1.16
+opencode plugin opencode-system-metrics-tui@0.1.18
 ```
 
 O pacote exporta tanto a raiz (`opencode-system-metrics-tui`) quanto `./tui`; os dois caminhos carregam o mesmo bundle TUI.
@@ -349,8 +349,8 @@ O instalador do OpenCode configura o plugin TUI automaticamente. Reinicie o Open
 Publicar no npm e instalar no OpenCode são etapas diferentes:
 
 - `npm publish --access public` publica o pacote no npm.
-- `opencode plugin opencode-system-metrics-tui@0.1.16` instala o plugin apenas no projeto atual.
-- `opencode plugin -g opencode-system-metrics-tui@0.1.16 --force` instala o plugin globalmente para todos os projetos.
+- `opencode plugin opencode-system-metrics-tui@0.1.18` instala o plugin apenas no projeto atual.
+- `opencode plugin -g opencode-system-metrics-tui@0.1.18 --force` instala o plugin globalmente para todos os projetos.
 
 ### Verificação
 

package/dist/install-hack-font.js

@@ -48,6 +48,8 @@ function hasNerdFont(platform = process.platform, home = homedir(), env = proces
 var hasHackNerdFont = hasNerdFont;
 var nerdFontIcons = {
   title: "\uDB80\uDF79",
+  clock: "",
+  calendar: "",
   cpu: "\uDB83\uDEE0",
   ram: "\uDB81\uDE1A",
   gpu: "\uDB82\uDCAE",
@@ -55,7 +57,7 @@ var nerdFontIcons = {
   thermometer: "",
   network: "\uDB81\uDEF3"
 };
-var unicodeIcons = { title: "▦", cpu: "▣", ram: "▤", gpu: "◆", vram: "◈", thermometer: "♨", network: "⇅" };
+var unicodeIcons = { title: "▦", clock: "◷", calendar: "▦", cpu: "▣", ram: "▤", gpu: "◆", vram: "◈", thermometer: "♨", network: "⇅" };
 function getMetricIcons(useNerdFont) {
   return useNerdFont ? nerdFontIcons : unicodeIcons;
 }

package/dist/tui.js

@@ -787,6 +787,8 @@ function hasNerdFont(platform = process.platform, home = homedir(), env = proces
 var hasHackNerdFont = hasNerdFont;
 var nerdFontIcons = {
   title: "\uDB80\uDF79",
+  clock: "",
+  calendar: "",
   cpu: "\uDB83\uDEE0",
   ram: "\uDB81\uDE1A",
   gpu: "\uDB82\uDCAE",
@@ -794,7 +796,7 @@ var nerdFontIcons = {
   thermometer: "",
   network: "\uDB81\uDEF3"
 };
-var unicodeIcons = { title: "▦", cpu: "▣", ram: "▤", gpu: "◆", vram: "◈", thermometer: "♨", network: "⇅" };
+var unicodeIcons = { title: "▦", clock: "◷", calendar: "▦", cpu: "▣", ram: "▤", gpu: "◆", vram: "◈", thermometer: "♨", network: "⇅" };
 function getMetricIcons(useNerdFont) {
   return useNerdFont ? nerdFontIcons : unicodeIcons;
 }
@@ -872,9 +874,26 @@ function systemMetricsTitle() {
     pt: "Métricas do sistema"
   }[language] ?? "System metrics";
 }
+function formatClockDate(date) {
+  return new Intl.DateTimeFormat("es-ES", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  }).format(date).replace(",", "");
+}
 function MetricsPanel(props) {
+  const [clock, setClock] = createSignal(new Date);
+  let clockTimer;
   onMount(startMetricsPolling);
-  onCleanup(stopMetricsPolling);
+  onMount(() => {
+    clockTimer = setInterval(() => setClock(new Date), 1000);
+  });
+  onCleanup(() => {
+    stopMetricsPolling();
+    if (clockTimer !== undefined)
+      clearInterval(clockTimer);
+  });
   const gpuMemory = createMemo(() => {
     const metrics = metricsState.sharedMetrics();
     const unified = metrics.gpuMemoryIsUnified === true;
@@ -887,112 +906,127 @@ function MetricsPanel(props) {
     };
   });
   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(` · `), _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$33 = _$createElement("box"), _el$34 = _$createElement("text"), _el$35 = _$createElement("text"), _el$37 = _$createElement("text"), _el$38 = _$createTextNode(`↓ `), _el$39 = _$createTextNode(` ↑ `);
+    var _el$ = _$createElement("box"), _el$2 = _$createElement("text"), _el$3 = _$createTextNode(` `), _el$4 = _$createElement("text"), _el$5 = _$createTextNode(` `), _el$6 = _$createElement("text"), _el$7 = _$createTextNode(` `), _el$8 = _$createElement("box"), _el$9 = _$createElement("text"), _el$0 = _$createElement("text"), _el$10 = _$createElement("text"), _el$11 = _$createTextNode(` · `), _el$12 = _$createTextNode(` `), _el$13 = _$createElement("box"), _el$14 = _$createElement("text"), _el$15 = _$createElement("text"), _el$17 = _$createElement("text"), _el$18 = _$createTextNode(` / `), _el$19 = _$createTextNode(` (`), _el$20 = _$createTextNode(`)`), _el$21 = _$createElement("box"), _el$22 = _$createElement("text"), _el$23 = _$createElement("text"), _el$25 = _$createElement("text"), _el$26 = _$createTextNode(` · `), _el$27 = _$createTextNode(` `), _el$37 = _$createElement("box"), _el$38 = _$createElement("text"), _el$39 = _$createElement("text"), _el$41 = _$createElement("text"), _el$42 = _$createTextNode(`↓ `), _el$43 = _$createTextNode(` ↑ `);
     _$insertNode(_el$, _el$2);
     _$insertNode(_el$, _el$4);
-    _$insertNode(_el$, _el$1);
-    _$insertNode(_el$, _el$17);
-    _$insertNode(_el$, _el$33);
+    _$insertNode(_el$, _el$6);
+    _$insertNode(_el$, _el$8);
+    _$insertNode(_el$, _el$13);
+    _$insertNode(_el$, _el$21);
+    _$insertNode(_el$, _el$37);
     _$setProp(_el$, "flexDirection", "column");
     _$setProp(_el$, "paddingLeft", 0);
     _$setProp(_el$, "paddingRight", 0);
     _$insertNode(_el$2, _el$3);
-    _$insert(_el$2, () => icons.title, _el$3);
-    _$insert(_el$2, systemMetricsTitle, null);
+    _$insert(_el$2, () => icons.clock, _el$3);
+    _$insert(_el$2, () => clock().toLocaleTimeString(undefined, {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: false
+    }), null);
     _$insertNode(_el$4, _el$5);
-    _$insertNode(_el$4, _el$6);
-    _$insertNode(_el$4, _el$8);
-    _$setProp(_el$4, "flexDirection", "row");
-    _$insert(_el$5, () => icons.cpu);
-    _$insertNode(_el$6, _$createTextNode(` CPU `));
+    _$insert(_el$4, () => icons.calendar, _el$5);
+    _$insert(_el$4, () => formatClockDate(clock()), null);
+    _$insertNode(_el$6, _el$7);
+    _$insert(_el$6, () => icons.title, _el$7);
+    _$insert(_el$6, systemMetricsTitle, null);
     _$insertNode(_el$8, _el$9);
     _$insertNode(_el$8, _el$0);
-    _$insert(_el$8, () => formatPercent(metricsState.sharedMetrics().cpuPercent), _el$9);
-    _$insert(_el$8, () => icons.thermometer, _el$0);
-    _$insert(_el$8, () => formatTemperature(metricsState.sharedMetrics().cpuTemperatureCelsius), null);
-    _$insertNode(_el$1, _el$10);
-    _$insertNode(_el$1, _el$11);
-    _$insertNode(_el$1, _el$13);
-    _$setProp(_el$1, "flexDirection", "row");
-    _$insert(_el$10, () => icons.ram);
-    _$insertNode(_el$11, _$createTextNode(` RAM `));
+    _$insertNode(_el$8, _el$10);
+    _$setProp(_el$8, "flexDirection", "row");
+    _$insert(_el$9, () => icons.cpu);
+    _$insertNode(_el$0, _$createTextNode(` CPU `));
+    _$insertNode(_el$10, _el$11);
+    _$insertNode(_el$10, _el$12);
+    _$insert(_el$10, () => formatPercent(metricsState.sharedMetrics().cpuPercent), _el$11);
+    _$insert(_el$10, () => icons.thermometer, _el$12);
+    _$insert(_el$10, () => formatTemperature(metricsState.sharedMetrics().cpuTemperatureCelsius), null);
     _$insertNode(_el$13, _el$14);
     _$insertNode(_el$13, _el$15);
-    _$insertNode(_el$13, _el$16);
-    _$insert(_el$13, () => formatGiB(metricsState.sharedMetrics().memoryUsedBytes), _el$14);
-    _$insert(_el$13, () => formatGiB(metricsState.sharedMetrics().memoryTotalBytes), _el$15);
-    _$insert(_el$13, () => formatPercent(metricsState.sharedMetrics().memoryPercent), _el$16);
+    _$insertNode(_el$13, _el$17);
+    _$setProp(_el$13, "flexDirection", "row");
+    _$insert(_el$14, () => icons.ram);
+    _$insertNode(_el$15, _$createTextNode(` RAM `));
     _$insertNode(_el$17, _el$18);
     _$insertNode(_el$17, _el$19);
-    _$insertNode(_el$17, _el$21);
-    _$setProp(_el$17, "flexDirection", "row");
-    _$insert(_el$18, () => icons.gpu);
-    _$insertNode(_el$19, _$createTextNode(` GPU `));
+    _$insertNode(_el$17, _el$20);
+    _$insert(_el$17, () => formatGiB(metricsState.sharedMetrics().memoryUsedBytes), _el$18);
+    _$insert(_el$17, () => formatGiB(metricsState.sharedMetrics().memoryTotalBytes), _el$19);
+    _$insert(_el$17, () => formatPercent(metricsState.sharedMetrics().memoryPercent), _el$20);
     _$insertNode(_el$21, _el$22);
     _$insertNode(_el$21, _el$23);
-    _$insert(_el$21, () => formatPercent(metricsState.sharedMetrics().gpuPercent), _el$22);
-    _$insert(_el$21, () => icons.thermometer, _el$23);
-    _$insert(_el$21, () => formatTemperature(metricsState.sharedMetrics().gpuTemperatureCelsius), null);
+    _$insertNode(_el$21, _el$25);
+    _$setProp(_el$21, "flexDirection", "row");
+    _$insert(_el$22, () => icons.gpu);
+    _$insertNode(_el$23, _$createTextNode(` GPU `));
+    _$insertNode(_el$25, _el$26);
+    _$insertNode(_el$25, _el$27);
+    _$insert(_el$25, () => formatPercent(metricsState.sharedMetrics().gpuPercent), _el$26);
+    _$insert(_el$25, () => icons.thermometer, _el$27);
+    _$insert(_el$25, () => formatTemperature(metricsState.sharedMetrics().gpuTemperatureCelsius), null);
     _$insert(_el$, _$createComponent(Show, {
       get when() {
         return metricsState.sharedMetrics().gpuMemoryIsUnified !== true;
       },
       get children() {
-        var _el$24 = _$createElement("box"), _el$25 = _$createElement("text"), _el$26 = _$createElement("text"), _el$27 = _$createTextNode(` `), _el$28 = _$createTextNode(` `), _el$29 = _$createElement("text"), _el$30 = _$createTextNode(` / `), _el$31 = _$createTextNode(` (`), _el$32 = _$createTextNode(`)`);
-        _$insertNode(_el$24, _el$25);
-        _$insertNode(_el$24, _el$26);
-        _$insertNode(_el$24, _el$29);
-        _$setProp(_el$24, "flexDirection", "row");
-        _$insert(_el$25, () => gpuMemory().icon);
-        _$insertNode(_el$26, _el$27);
-        _$insertNode(_el$26, _el$28);
-        _$insert(_el$26, () => gpuMemory().label, _el$28);
-        _$insertNode(_el$29, _el$30);
-        _$insertNode(_el$29, _el$31);
-        _$insertNode(_el$29, _el$32);
-        _$insert(_el$29, () => formatGiB(gpuMemory().usedBytes), _el$30);
-        _$insert(_el$29, () => formatGiB(gpuMemory().totalBytes), _el$31);
-        _$insert(_el$29, () => formatPercent(gpuMemory().percent), _el$32);
+        var _el$28 = _$createElement("box"), _el$29 = _$createElement("text"), _el$30 = _$createElement("text"), _el$31 = _$createTextNode(` `), _el$32 = _$createTextNode(` `), _el$33 = _$createElement("text"), _el$34 = _$createTextNode(` / `), _el$35 = _$createTextNode(` (`), _el$36 = _$createTextNode(`)`);
+        _$insertNode(_el$28, _el$29);
+        _$insertNode(_el$28, _el$30);
+        _$insertNode(_el$28, _el$33);
+        _$setProp(_el$28, "flexDirection", "row");
+        _$insert(_el$29, () => gpuMemory().icon);
+        _$insertNode(_el$30, _el$31);
+        _$insertNode(_el$30, _el$32);
+        _$insert(_el$30, () => gpuMemory().label, _el$32);
+        _$insertNode(_el$33, _el$34);
+        _$insertNode(_el$33, _el$35);
+        _$insertNode(_el$33, _el$36);
+        _$insert(_el$33, () => formatGiB(gpuMemory().usedBytes), _el$34);
+        _$insert(_el$33, () => formatGiB(gpuMemory().totalBytes), _el$35);
+        _$insert(_el$33, () => formatPercent(gpuMemory().percent), _el$36);
         _$effect((_p$) => {
           var _v$ = props.theme.success, _v$2 = props.theme.text, _v$3 = props.theme.textMuted;
-          _v$ !== _p$.e && (_p$.e = _$setProp(_el$25, "fg", _v$, _p$.e));
-          _v$2 !== _p$.t && (_p$.t = _$setProp(_el$26, "fg", _v$2, _p$.t));
-          _v$3 !== _p$.a && (_p$.a = _$setProp(_el$29, "fg", _v$3, _p$.a));
+          _v$ !== _p$.e && (_p$.e = _$setProp(_el$29, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp(_el$30, "fg", _v$2, _p$.t));
+          _v$3 !== _p$.a && (_p$.a = _$setProp(_el$33, "fg", _v$3, _p$.a));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
           a: undefined
         });
-        return _el$24;
+        return _el$28;
       }
-    }), _el$33);
-    _$insertNode(_el$33, _el$34);
-    _$insertNode(_el$33, _el$35);
-    _$insertNode(_el$33, _el$37);
-    _$setProp(_el$33, "flexDirection", "row");
-    _$insert(_el$34, () => icons.network);
-    _$insertNode(_el$35, _$createTextNode(` NET `));
+    }), _el$37);
     _$insertNode(_el$37, _el$38);
     _$insertNode(_el$37, _el$39);
-    _$insert(_el$37, () => formatRate(metricsState.sharedMetrics().downloadBytesPerSecond), _el$39);
-    _$insert(_el$37, () => formatRate(metricsState.sharedMetrics().uploadBytesPerSecond), null);
+    _$insertNode(_el$37, _el$41);
+    _$setProp(_el$37, "flexDirection", "row");
+    _$insert(_el$38, () => icons.network);
+    _$insertNode(_el$39, _$createTextNode(` NET `));
+    _$insertNode(_el$41, _el$42);
+    _$insertNode(_el$41, _el$43);
+    _$insert(_el$41, () => formatRate(metricsState.sharedMetrics().downloadBytesPerSecond), _el$43);
+    _$insert(_el$41, () => formatRate(metricsState.sharedMetrics().uploadBytesPerSecond), null);
     _$effect((_p$) => {
-      var _v$4 = props.theme.text, _v$5 = TextAttributes.BOLD, _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;
+      var _v$4 = props.theme.textMuted, _v$5 = props.theme.textMuted, _v$6 = props.theme.text, _v$7 = TextAttributes.BOLD, _v$8 = props.theme.success, _v$9 = props.theme.text, _v$0 = props.theme.textMuted, _v$1 = props.theme.success, _v$10 = props.theme.text, _v$11 = props.theme.textMuted, _v$12 = props.theme.success, _v$13 = props.theme.text, _v$14 = props.theme.textMuted, _v$15 = props.theme.success, _v$16 = props.theme.text, _v$17 = props.theme.textMuted;
       _v$4 !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$4, _p$.e));
-      _v$5 !== _p$.t && (_p$.t = _$setProp(_el$2, "attributes", _v$5, _p$.t));
-      _v$6 !== _p$.a && (_p$.a = _$setProp(_el$5, "fg", _v$6, _p$.a));
-      _v$7 !== _p$.o && (_p$.o = _$setProp(_el$6, "fg", _v$7, _p$.o));
-      _v$8 !== _p$.i && (_p$.i = _$setProp(_el$8, "fg", _v$8, _p$.i));
-      _v$9 !== _p$.n && (_p$.n = _$setProp(_el$10, "fg", _v$9, _p$.n));
-      _v$0 !== _p$.s && (_p$.s = _$setProp(_el$11, "fg", _v$0, _p$.s));
-      _v$1 !== _p$.h && (_p$.h = _$setProp(_el$13, "fg", _v$1, _p$.h));
-      _v$10 !== _p$.r && (_p$.r = _$setProp(_el$18, "fg", _v$10, _p$.r));
-      _v$11 !== _p$.d && (_p$.d = _$setProp(_el$19, "fg", _v$11, _p$.d));
-      _v$12 !== _p$.l && (_p$.l = _$setProp(_el$21, "fg", _v$12, _p$.l));
-      _v$13 !== _p$.u && (_p$.u = _$setProp(_el$34, "fg", _v$13, _p$.u));
-      _v$14 !== _p$.c && (_p$.c = _$setProp(_el$35, "fg", _v$14, _p$.c));
-      _v$15 !== _p$.w && (_p$.w = _$setProp(_el$37, "fg", _v$15, _p$.w));
+      _v$5 !== _p$.t && (_p$.t = _$setProp(_el$4, "fg", _v$5, _p$.t));
+      _v$6 !== _p$.a && (_p$.a = _$setProp(_el$6, "fg", _v$6, _p$.a));
+      _v$7 !== _p$.o && (_p$.o = _$setProp(_el$6, "attributes", _v$7, _p$.o));
+      _v$8 !== _p$.i && (_p$.i = _$setProp(_el$9, "fg", _v$8, _p$.i));
+      _v$9 !== _p$.n && (_p$.n = _$setProp(_el$0, "fg", _v$9, _p$.n));
+      _v$0 !== _p$.s && (_p$.s = _$setProp(_el$10, "fg", _v$0, _p$.s));
+      _v$1 !== _p$.h && (_p$.h = _$setProp(_el$14, "fg", _v$1, _p$.h));
+      _v$10 !== _p$.r && (_p$.r = _$setProp(_el$15, "fg", _v$10, _p$.r));
+      _v$11 !== _p$.d && (_p$.d = _$setProp(_el$17, "fg", _v$11, _p$.d));
+      _v$12 !== _p$.l && (_p$.l = _$setProp(_el$22, "fg", _v$12, _p$.l));
+      _v$13 !== _p$.u && (_p$.u = _$setProp(_el$23, "fg", _v$13, _p$.u));
+      _v$14 !== _p$.c && (_p$.c = _$setProp(_el$25, "fg", _v$14, _p$.c));
+      _v$15 !== _p$.w && (_p$.w = _$setProp(_el$38, "fg", _v$15, _p$.w));
+      _v$16 !== _p$.m && (_p$.m = _$setProp(_el$39, "fg", _v$16, _p$.m));
+      _v$17 !== _p$.f && (_p$.f = _$setProp(_el$41, "fg", _v$17, _p$.f));
       return _p$;
     }, {
       e: undefined,
@@ -1008,7 +1042,9 @@ function MetricsPanel(props) {
       l: undefined,
       u: undefined,
       c: undefined,
-      w: undefined
+      w: undefined,
+      m: undefined,
+      f: undefined
     });
     return _el$;
   })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-system-metrics-tui",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "OpenCode TUI sidebar plugin for live system metrics",
   "license": "MIT",
   "type": "module",