diff --git a/frontend-modern/src/components/Docker/DockerHostSummaryTable.tsx b/frontend-modern/src/components/Docker/DockerHostSummaryTable.tsx index 0d77dfc..a635ac7 100644 --- a/frontend-modern/src/components/Docker/DockerHostSummaryTable.tsx +++ b/frontend-modern/src/components/Docker/DockerHostSummaryTable.tsx @@ -376,7 +376,7 @@ export const DockerHostSummaryTable: Component = (p : 'Agent is up to date' }${summary.host.intervalSeconds ? `\nReporting interval: ${summary.host.intervalSeconds}s` : ''}`} > - v{version()} + {version()} )} diff --git a/frontend-modern/src/components/Hosts/HostsOverview.tsx b/frontend-modern/src/components/Hosts/HostsOverview.tsx index a1ed51a..5d895d5 100644 --- a/frontend-modern/src/components/Hosts/HostsOverview.tsx +++ b/frontend-modern/src/components/Hosts/HostsOverview.tsx @@ -175,19 +175,22 @@ export const HostsOverview: Component = (props) => { - - - - - + @@ -199,6 +202,20 @@ export const HostsOverview: Component = (props) => { const memPercent = () => host.memory?.usage ?? 0; const memUsed = () => formatBytes(host.memory?.used ?? 0, 0); const memTotal = () => formatBytes(host.memory?.total ?? 0, 0); + // Calculate aggregate disk usage from all disks + const diskStats = createMemo(() => { + if (!host.disks || host.disks.length === 0) return { percent: 0, used: 0, total: 0 }; + const totalUsed = host.disks.reduce((sum, d) => sum + (d.used ?? 0), 0); + const totalSize = host.disks.reduce((sum, d) => sum + (d.total ?? 0), 0); + return { + percent: totalSize > 0 ? (totalUsed / totalSize) * 100 : 0, + used: totalUsed, + total: totalSize + }; + }); + const diskPercent = () => diskStats().percent; + const diskUsed = () => formatBytes(diskStats().used, 0); + const diskTotal = () => formatBytes(diskStats().total, 0); const hostStatus = createMemo(() => getHostStatusIndicator(host)); // Drawer state @@ -312,6 +329,18 @@ export const HostsOverview: Component = (props) => { /> + -
+ Host + Platform + CPU + Memory + + Disk + Uptime
+ 0} + fallback={} + > + + + = (props) => { {/* Drawer - Additional Info */}
+
{/* System Info */}