From 1363e42c291bc6208522202022c52e851254b831 Mon Sep 17 00:00:00 2001
From: ZacharyZcR <zacharyzcr1984@gmail.com>
Date: Thu, 2 Oct 2025 14:07:58 +0800
Subject: [PATCH] Fix disk available space display issue

- Parse available space from df output instead of showing total
- Add availableHuman field to disk metrics response
- Update frontend to display actual available space

Fixes #313
---
 src/backend/ssh/server-stats.ts       | 10 +++++++++-
 src/ui/Desktop/Apps/Server/Server.tsx |  7 +++----
 src/ui/main-axios.ts                  |  1 +
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/backend/ssh/server-stats.ts b/src/backend/ssh/server-stats.ts
index c59c9ff9..6feecc84 100644
--- a/src/backend/ssh/server-stats.ts
+++ b/src/backend/ssh/server-stats.ts
@@ -750,6 +750,7 @@ async function collectMetrics(host: SSHHostWithCredentials): Promise<{
       let diskPercent: number | null = null;
       let usedHuman: string | null = null;
       let totalHuman: string | null = null;
+      let availableHuman: string | null = null;
       try {
         const [diskOutHuman, diskOutBytes] = await Promise.all([
           execCommand(client, "df -h -P / | tail -n +2"),
@@ -773,6 +774,7 @@ async function collectMetrics(host: SSHHostWithCredentials): Promise<{
         if (humanParts.length >= 6 && bytesParts.length >= 6) {
           totalHuman = humanParts[1] || null;
           usedHuman = humanParts[2] || null;
+          availableHuman = humanParts[3] || null; // Parse Available column from df output
 
           const totalBytes = Number(bytesParts[1]);
           const usedBytes = Number(bytesParts[2]);
@@ -796,6 +798,7 @@ async function collectMetrics(host: SSHHostWithCredentials): Promise<{
         diskPercent = null;
         usedHuman = null;
         totalHuman = null;
+        availableHuman = null;
       }
 
       const result = {
@@ -805,7 +808,12 @@ async function collectMetrics(host: SSHHostWithCredentials): Promise<{
           usedGiB: usedGiB ? toFixedNum(usedGiB, 2) : null,
           totalGiB: totalGiB ? toFixedNum(totalGiB, 2) : null,
         },
-        disk: { percent: toFixedNum(diskPercent, 0), usedHuman, totalHuman },
+        disk: {
+          percent: toFixedNum(diskPercent, 0),
+          usedHuman,
+          totalHuman,
+          availableHuman, // Include available space in response
+        },
       };
 
       metricsCache.set(host.id, result);
diff --git a/src/ui/Desktop/Apps/Server/Server.tsx b/src/ui/Desktop/Apps/Server/Server.tsx
index ce5ec323..413f4613 100644
--- a/src/ui/Desktop/Apps/Server/Server.tsx
+++ b/src/ui/Desktop/Apps/Server/Server.tsx
@@ -434,10 +434,9 @@ export function Server({
 
                     <div className="text-xs text-gray-500">
                       {(() => {
-                        const used = metrics?.disk?.usedHuman;
-                        const total = metrics?.disk?.totalHuman;
-                        return used && total
-                          ? `Available: ${total}`
+                        const available = metrics?.disk?.availableHuman;
+                        return available
+                          ? `Available: ${available}`
                           : "Available: N/A";
                       })()}
                     </div>
diff --git a/src/ui/main-axios.ts b/src/ui/main-axios.ts
index 8a0ffb04..58b9a8e0 100644
--- a/src/ui/main-axios.ts
+++ b/src/ui/main-axios.ts
@@ -51,6 +51,7 @@ interface DiskMetrics {
   percent: number | null;
   usedHuman: string | null;
   totalHuman: string | null;
+  availableHuman?: string | null; // Available disk space from df output
 }
 
 export type ServerMetrics = {