fix network units

ui/src/hooks/useChartData.tsx

@@ -102,12 +102,12 @@ export function useChartData(data: StatusMessage | null): ChartDataReturns {
             labels: realtimeData.map((p) => formatTimestamp(p.timestamp)),
             datasets: [
                 {
-                    label: "Upload (B/s)",
+                    label: "Upload (bps)",
                     data: realtimeData.map(({ metrics }) => metrics.network.up),
                     color: "#ef4444",
                 },
                 {
-                    label: "Download (B/s)",
+                    label: "Download (bps)",
                     data: realtimeData.map(
                         ({ metrics }) => metrics.network.down,
                     ),

ui/src/pages/agent.tsx

@@ -11,9 +11,10 @@ import { SysinfoCard } from "@/components/SysinfoCard";
 import { useChartData } from "@/hooks/useChartData";
 import { getLastMessage, setLastMessage } from "@/services/store";
 import {
-    formatBytes,
+    formatBits,
     formatPercentage,
     calcPercentage,
+    formatBytes,
 } from "@/services/utils";
 import { initializeConnection } from "@/services/websocket";
 import { useEffect, useState } from "react";
@@ -127,9 +128,9 @@ export function AgentPage() {
                         <MetricCard
                             props={{
                                 title: "NETWORK ACTIVITY",
-                                value: formatBytes(networkUsage),
+                                value: formatBits(networkUsage),
                                 status: "nil",
-                                subtitle: `↑ ${formatBytes(networkUp)}/s ↓ ${formatBytes(networkDown)}/s`,
+                                subtitle: `↑ ${formatBits(networkUp)}/s ↓ ${formatBits(networkDown)}/s`,
                             }}
                         >
                             <DonutChart

ui/src/pages/home.tsx

@@ -84,6 +84,7 @@ export function HomePage() {
                                     key={index}
                                     data={agent}
                                     onClick={() =>
+                                        isAgentOnline(agent) &&
                                         navigate(`/agents/${agent.agent}`)
                                     }
                                 />

ui/src/services/utils.ts

@@ -55,6 +55,10 @@ export function formatBytes(bytes: number | undefined): string {
     return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
 }
 
+export function formatBits(bits: number | undefined): string {
+    return formatBytes((bits ?? 0) / 8);
+}
+
 export function calcPercentage(
     value: number | undefined,
     total: number | undefined,