From 5aa14b6cd5fd4eacc952f965f2691ce628e6ffa0 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 16 Mar 2026 18:44:00 -0700
Subject: [PATCH] More bytes

---
 src/widgets/deluge/component.jsx          |  4 +--
 src/widgets/downloadstation/component.jsx |  4 +--
 src/widgets/filebrowser/component.jsx     | 15 +++++++---
 src/widgets/flood/component.jsx           |  4 +--
 src/widgets/fritzbox/component.jsx        | 36 +++++++++++++++++++----
 src/widgets/jdownloader/component.jsx     | 13 ++++++--
 src/widgets/nzbget/component.jsx          | 13 ++++++--
 src/widgets/openwrt/methods/interface.jsx |  4 +--
 src/widgets/pyload/component.jsx          |  6 +++-
 src/widgets/qbittorrent/component.jsx     | 12 ++++++--
 src/widgets/rutorrent/component.jsx       |  4 +--
 src/widgets/strelaysrv/component.jsx      |  7 ++++-
 src/widgets/tdarr/component.jsx           |  2 +-
 src/widgets/transmission/component.jsx    |  4 +--
 14 files changed, 97 insertions(+), 31 deletions(-)

diff --git a/src/widgets/deluge/component.jsx b/src/widgets/deluge/component.jsx
index eb6ddfaa1..1707eb6ce 100644
--- a/src/widgets/deluge/component.jsx
+++ b/src/widgets/deluge/component.jsx
@@ -52,9 +52,9 @@ export default function Component({ service }) {
     <>
       <Container service={service}>
         <Block label="deluge.leech" value={t("common.number", { value: leech })} />
-        <Block label="deluge.download" value={t("common.byterate", { value: rateDl })} />
+        <Block label="deluge.download" value={t("common.byterate", { value: rateDl })} highlightValue={rateDl} />
         <Block label="deluge.seed" value={t("common.number", { value: completed })} />
-        <Block label="deluge.upload" value={t("common.byterate", { value: rateUl })} />
+        <Block label="deluge.upload" value={t("common.byterate", { value: rateUl })} highlightValue={rateUl} />
       </Container>
       {widget?.enableLeechProgress &&
         leechTorrents.map((queueEntry) => (
diff --git a/src/widgets/downloadstation/component.jsx b/src/widgets/downloadstation/component.jsx
index 016f4953a..489669a7d 100644
--- a/src/widgets/downloadstation/component.jsx
+++ b/src/widgets/downloadstation/component.jsx
@@ -33,9 +33,9 @@ export default function Component({ service }) {
   return (
     <Container service={service}>
       <Block label="downloadstation.leech" value={t("common.number", { value: leech })} />
-      <Block label="downloadstation.download" value={t("common.byterate", { value: rateDl })} />
+      <Block label="downloadstation.download" value={t("common.byterate", { value: rateDl })} highlightValue={rateDl} />
       <Block label="downloadstation.seed" value={t("common.number", { value: completed })} />
-      <Block label="downloadstation.upload" value={t("common.byterate", { value: rateUl })} />
+      <Block label="downloadstation.upload" value={t("common.byterate", { value: rateUl })} highlightValue={rateUl} />
     </Container>
   );
 }
diff --git a/src/widgets/filebrowser/component.jsx b/src/widgets/filebrowser/component.jsx
index cf5a28000..53b6d89b9 100644
--- a/src/widgets/filebrowser/component.jsx
+++ b/src/widgets/filebrowser/component.jsx
@@ -25,14 +25,21 @@ export default function Component({ service }) {
     );
   }
 
+  const available = (usage?.total ?? 0) - (usage?.used ?? 0);
+
   return (
     <Container service={service}>
+      <Block label="filebrowser.available" value={t("common.bytes", { value: available })} highlightValue={available} />
       <Block
-        label="filebrowser.available"
-        value={t("common.bytes", { value: (usage?.total ?? 0) - (usage?.used ?? 0) })}
+        label="filebrowser.used"
+        value={t("common.bytes", { value: usage?.used ?? 0 })}
+        highlightValue={usage?.used ?? 0}
+      />
+      <Block
+        label="filebrowser.total"
+        value={t("common.bytes", { value: usage?.total ?? 0 })}
+        highlightValue={usage?.total ?? 0}
       />
-      <Block label="filebrowser.used" value={t("common.bytes", { value: usage?.used ?? 0 })} />
-      <Block label="filebrowser.total" value={t("common.bytes", { value: usage?.total ?? 0 })} />
     </Container>
   );
 }
diff --git a/src/widgets/flood/component.jsx b/src/widgets/flood/component.jsx
index 92a2b61a0..973f8a6fd 100644
--- a/src/widgets/flood/component.jsx
+++ b/src/widgets/flood/component.jsx
@@ -45,9 +45,9 @@ export default function Component({ service }) {
   return (
     <Container service={service}>
       <Block label="flood.leech" value={t("common.number", { value: leech })} />
-      <Block label="flood.download" value={t("common.byterate", { value: rateDl })} />
+      <Block label="flood.download" value={t("common.byterate", { value: rateDl })} highlightValue={rateDl} />
       <Block label="flood.seed" value={t("common.number", { value: completed })} />
-      <Block label="flood.upload" value={t("common.byterate", { value: rateUl })} />
+      <Block label="flood.upload" value={t("common.byterate", { value: rateUl })} highlightValue={rateUl} />
     </Container>
   );
 }
diff --git a/src/widgets/fritzbox/component.jsx b/src/widgets/fritzbox/component.jsx
index d7928c20b..405975059 100644
--- a/src/widgets/fritzbox/component.jsx
+++ b/src/widgets/fritzbox/component.jsx
@@ -47,12 +47,36 @@ export default function Component({ service }) {
     <Container service={service}>
       <Block label="fritzbox.connectionStatus" value={t(`fritzbox.connectionStatus${fritzboxData.connectionStatus}`)} />
       <Block label="fritzbox.uptime" value={t("common.duration", { value: fritzboxData.uptime })} />
-      <Block label="fritzbox.maxDown" value={t("common.byterate", { value: fritzboxData.maxDown / 8, decimals: 1 })} />
-      <Block label="fritzbox.maxUp" value={t("common.byterate", { value: fritzboxData.maxUp / 8, decimals: 1 })} />
-      <Block label="fritzbox.down" value={t("common.byterate", { value: fritzboxData.down, decimals: 1 })} />
-      <Block label="fritzbox.up" value={t("common.byterate", { value: fritzboxData.up, decimals: 1 })} />
-      <Block label="fritzbox.received" value={t("common.bytes", { value: fritzboxData.received })} />
-      <Block label="fritzbox.sent" value={t("common.bytes", { value: fritzboxData.sent })} />
+      <Block
+        label="fritzbox.maxDown"
+        value={t("common.byterate", { value: fritzboxData.maxDown / 8, decimals: 1 })}
+        highlightValue={fritzboxData.maxDown / 8}
+      />
+      <Block
+        label="fritzbox.maxUp"
+        value={t("common.byterate", { value: fritzboxData.maxUp / 8, decimals: 1 })}
+        highlightValue={fritzboxData.maxUp / 8}
+      />
+      <Block
+        label="fritzbox.down"
+        value={t("common.byterate", { value: fritzboxData.down, decimals: 1 })}
+        highlightValue={fritzboxData.down}
+      />
+      <Block
+        label="fritzbox.up"
+        value={t("common.byterate", { value: fritzboxData.up, decimals: 1 })}
+        highlightValue={fritzboxData.up}
+      />
+      <Block
+        label="fritzbox.received"
+        value={t("common.bytes", { value: fritzboxData.received })}
+        highlightValue={fritzboxData.received}
+      />
+      <Block
+        label="fritzbox.sent"
+        value={t("common.bytes", { value: fritzboxData.sent })}
+        highlightValue={fritzboxData.sent}
+      />
       <Block label="fritzbox.externalIPAddress" value={fritzboxData.externalIPAddress} />
       <Block label="fritzbox.externalIPv6Address" value={fritzboxData.externalIPv6Address} />
       <Block label="fritzbox.externalIPv6Prefix" value={fritzboxData.externalIPv6Prefix} />
diff --git a/src/widgets/jdownloader/component.jsx b/src/widgets/jdownloader/component.jsx
index a7722c7c4..c352902e4 100644
--- a/src/widgets/jdownloader/component.jsx
+++ b/src/widgets/jdownloader/component.jsx
@@ -31,12 +31,21 @@ export default function Component({ service }) {
   return (
     <Container service={service}>
       <Block label="jdownloader.downloadCount" value={t("common.number", { value: jdownloaderData.downloadCount })} />
-      <Block label="jdownloader.downloadTotalBytes" value={t("common.bytes", { value: jdownloaderData.totalBytes })} />
+      <Block
+        label="jdownloader.downloadTotalBytes"
+        value={t("common.bytes", { value: jdownloaderData.totalBytes })}
+        highlightValue={jdownloaderData.totalBytes}
+      />
       <Block
         label="jdownloader.downloadBytesRemaining"
         value={t("common.bytes", { value: jdownloaderData.bytesRemaining })}
+        highlightValue={jdownloaderData.bytesRemaining}
+      />
+      <Block
+        label="jdownloader.downloadSpeed"
+        value={t("common.byterate", { value: jdownloaderData.totalSpeed })}
+        highlightValue={jdownloaderData.totalSpeed}
       />
-      <Block label="jdownloader.downloadSpeed" value={t("common.byterate", { value: jdownloaderData.totalSpeed })} />
     </Container>
   );
 }
diff --git a/src/widgets/nzbget/component.jsx b/src/widgets/nzbget/component.jsx
index a11ac9da1..401010f8d 100644
--- a/src/widgets/nzbget/component.jsx
+++ b/src/widgets/nzbget/component.jsx
@@ -27,11 +27,20 @@ export default function Component({ service }) {
 
   return (
     <Container service={service}>
-      <Block label="nzbget.rate" value={t("common.byterate", { value: statusData.DownloadRate })} />
-      <Block label="nzbget.remaining" value={t("common.bytes", { value: statusData.RemainingSizeMB * 1024 * 1024 })} />
+      <Block
+        label="nzbget.rate"
+        value={t("common.byterate", { value: statusData.DownloadRate })}
+        highlightValue={statusData.DownloadRate}
+      />
+      <Block
+        label="nzbget.remaining"
+        value={t("common.bytes", { value: statusData.RemainingSizeMB * 1024 * 1024 })}
+        highlightValue={statusData.RemainingSizeMB * 1024 * 1024}
+      />
       <Block
         label="nzbget.downloaded"
         value={t("common.bytes", { value: statusData.DownloadedSizeMB * 1024 * 1024 })}
+        highlightValue={statusData.DownloadedSizeMB * 1024 * 1024}
       />
     </Container>
   );
diff --git a/src/widgets/openwrt/methods/interface.jsx b/src/widgets/openwrt/methods/interface.jsx
index b746bc7e4..99e66ea2d 100644
--- a/src/widgets/openwrt/methods/interface.jsx
+++ b/src/widgets/openwrt/methods/interface.jsx
@@ -21,8 +21,8 @@ export default function Component({ service }) {
   return (
     <Container service={service}>
       <Block label="widget.status" value={up ? t("openwrt.up") : t("openwrt.down")} />
-      <Block label="openwrt.bytesTx" value={t("common.bytes", { value: bytesTx })} />
-      <Block label="openwrt.bytesRx" value={t("common.bytes", { value: bytesRx })} />
+      <Block label="openwrt.bytesTx" value={t("common.bytes", { value: bytesTx })} highlightValue={bytesTx} />
+      <Block label="openwrt.bytesRx" value={t("common.bytes", { value: bytesRx })} highlightValue={bytesRx} />
     </Container>
   );
 }
diff --git a/src/widgets/pyload/component.jsx b/src/widgets/pyload/component.jsx
index f618f75e5..13ee32a92 100644
--- a/src/widgets/pyload/component.jsx
+++ b/src/widgets/pyload/component.jsx
@@ -26,7 +26,11 @@ export default function Component({ service }) {
 
   return (
     <Container service={service}>
-      <Block label="pyload.speed" value={t("common.byterate", { value: pyloadData.speed })} />
+      <Block
+        label="pyload.speed"
+        value={t("common.byterate", { value: pyloadData.speed })}
+        highlightValue={pyloadData.speed}
+      />
       <Block label="pyload.active" value={t("common.number", { value: pyloadData.active })} />
       <Block label="pyload.queue" value={t("common.number", { value: pyloadData.queue })} />
       <Block label="pyload.total" value={t("common.number", { value: pyloadData.total })} />
diff --git a/src/widgets/qbittorrent/component.jsx b/src/widgets/qbittorrent/component.jsx
index 73dfacb5c..0f0fa3af3 100644
--- a/src/widgets/qbittorrent/component.jsx
+++ b/src/widgets/qbittorrent/component.jsx
@@ -74,9 +74,17 @@ export default function Component({ service }) {
     <>
       <Container service={service}>
         <Block label="qbittorrent.leech" value={t("common.number", { value: leech })} />
-        <Block label="qbittorrent.download" value={t("common.bibyterate", { value: rateDl, decimals: 1 })} />
+        <Block
+          label="qbittorrent.download"
+          value={t("common.bibyterate", { value: rateDl, decimals: 1 })}
+          highlightValue={rateDl}
+        />
         <Block label="qbittorrent.seed" value={t("common.number", { value: completedCount })} />
-        <Block label="qbittorrent.upload" value={t("common.bibyterate", { value: rateUl, decimals: 1 })} />
+        <Block
+          label="qbittorrent.upload"
+          value={t("common.bibyterate", { value: rateUl, decimals: 1 })}
+          highlightValue={rateUl}
+        />
       </Container>
       {widget?.enableLeechProgress &&
         leechTorrents.map((queueEntry) => (
diff --git a/src/widgets/rutorrent/component.jsx b/src/widgets/rutorrent/component.jsx
index 245a786cb..8f744b520 100644
--- a/src/widgets/rutorrent/component.jsx
+++ b/src/widgets/rutorrent/component.jsx
@@ -34,8 +34,8 @@ export default function Component({ service }) {
   return (
     <Container service={service}>
       <Block label="rutorrent.active" value={active.length} />
-      <Block label="rutorrent.upload" value={t("common.byterate", { value: upload })} />
-      <Block label="rutorrent.download" value={t("common.byterate", { value: download })} />
+      <Block label="rutorrent.upload" value={t("common.byterate", { value: upload })} highlightValue={upload} />
+      <Block label="rutorrent.download" value={t("common.byterate", { value: download })} highlightValue={download} />
     </Container>
   );
 }
diff --git a/src/widgets/strelaysrv/component.jsx b/src/widgets/strelaysrv/component.jsx
index 026e19b70..e79345c42 100644
--- a/src/widgets/strelaysrv/component.jsx
+++ b/src/widgets/strelaysrv/component.jsx
@@ -29,10 +29,15 @@ export default function Component({ service }) {
     <Container service={service}>
       <Block label="strelaysrv.numActiveSessions" value={t("common.number", { value: statsData.numActiveSessions })} />
       <Block label="strelaysrv.numConnections" value={t("common.number", { value: statsData.numConnections })} />
-      <Block label="strelaysrv.dataRelayed" value={t("common.bytes", { value: statsData.bytesProxied })} />
+      <Block
+        label="strelaysrv.dataRelayed"
+        value={t("common.bytes", { value: statsData.bytesProxied })}
+        highlightValue={statsData.bytesProxied}
+      />
       <Block
         label="strelaysrv.transferRate"
         value={t("common.bitrate", { value: statsData.kbps10s1m5m15m30m60m[5] })}
+        highlightValue={statsData.kbps10s1m5m15m30m60m[5]}
       />
     </Container>
   );
diff --git a/src/widgets/tdarr/component.jsx b/src/widgets/tdarr/component.jsx
index 824a56b34..9dbc7e4de 100644
--- a/src/widgets/tdarr/component.jsx
+++ b/src/widgets/tdarr/component.jsx
@@ -46,7 +46,7 @@ export default function Component({ service }) {
       <Block label="tdarr.queue" value={t("common.number", { value: queue })} />
       <Block label="tdarr.processed" value={t("common.number", { value: processed })} />
       <Block label="tdarr.errored" value={t("common.number", { value: errored })} />
-      <Block label="tdarr.saved" value={t("common.bytes", { value: saved })} />
+      <Block label="tdarr.saved" value={t("common.bytes", { value: saved })} highlightValue={saved} />
     </Container>
   );
 }
diff --git a/src/widgets/transmission/component.jsx b/src/widgets/transmission/component.jsx
index 474fe69f8..06b549513 100644
--- a/src/widgets/transmission/component.jsx
+++ b/src/widgets/transmission/component.jsx
@@ -36,9 +36,9 @@ export default function Component({ service }) {
   return (
     <Container service={service}>
       <Block label="transmission.leech" value={t("common.number", { value: leech })} />
-      <Block label="transmission.download" value={t("common.byterate", { value: rateDl })} />
+      <Block label="transmission.download" value={t("common.byterate", { value: rateDl })} highlightValue={rateDl} />
       <Block label="transmission.seed" value={t("common.number", { value: completed })} />
-      <Block label="transmission.upload" value={t("common.byterate", { value: rateUl })} />
+      <Block label="transmission.upload" value={t("common.byterate", { value: rateUl })} highlightValue={rateUl} />
     </Container>
   );
 }