fix(downloads): preserve name column width

2026-09-06 11:01:02 +02:00
3 changed files with 9 additions and 9 deletions
@@ -481,14 +481,13 @@ export function calculateCpuUsage(stats: ContainerStats): number {
    return 0;
  }

-  const cpuDelta = stats.cpu_stats.cpu_usage.total_usage - (stats.precpu_stats?.cpu_usage?.total_usage ?? 0);
-  const systemDelta = (stats.cpu_stats.system_cpu_usage ?? 0) - (stats.precpu_stats?.system_cpu_usage ?? 0);
-
-  if (systemDelta <= 0 || cpuDelta < 0) {
+  const numberOfCpus = stats.cpu_stats.online_cpus;
+  const usage = stats.cpu_stats.system_cpu_usage;
+  if (!usage || usage === 0) {
    return 0;
  }

-  return (cpuDelta / systemDelta) * 100;
+  return (stats.cpu_stats.cpu_usage.total_usage / usage) * numberOfCpus * 100;
 }

 export function calculateMemoryUsage(stats: ContainerStats): number {
@@ -72,16 +72,16 @@ describe("calculateCpuUsage", () => {
    const stats = createStats({
      cpu_stats: { online_cpus: 4, cpu_usage: { total_usage: 2000 }, system_cpu_usage: 10000 },
    });
-    // (2000 / 10000) * 100 = 20
-    expect(calculateCpuUsage(stats)).toBe(20);
+    // (2000 / 10000) * 4 * 100 = 80
+    expect(calculateCpuUsage(stats)).toBe(80);
  });

  test("should handle fractional CPU usage", () => {
    const stats = createStats({
      cpu_stats: { online_cpus: 2, cpu_usage: { total_usage: 500 }, system_cpu_usage: 100000 },
    });
-    // (500 / 100000) * 100 = 0.5
-    expect(calculateCpuUsage(stats)).toBe(0.5);
+    // (500 / 100000) * 2 * 100 = 1
+    expect(calculateCpuUsage(stats)).toBe(1);
  });
 });

@@ -493,6 +493,7 @@ export default function DownloadClientsWidget({
        title: t("items.name.columnTitle"),
        sortable: true,
        ellipsis: true,
+        width: 240,
        render: (record) => (
          <Tooltip
            key={displayMode}