Currently, there’s no quick way to view all servers’ resource usage (CPU, memory, disk) in the dashboard. Users must click into each server to see these stats, which slows down monitoring.
Changes
Added CPU%, Memory%, and Disk Usage% to each server card in the dashboard view
Implemented both desktop and mobile responsive designs
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.
## 📋 Pull Request Information
**Original PR:** https://github.com/moghtech/komodo/pull/729
**Author:** [@tuananh131001](https://github.com/tuananh131001)
**Created:** 8/12/2025
**Status:** ✅ Merged
**Merged:** 8/17/2025
**Merged by:** [@mbecker20](https://github.com/mbecker20)
**Base:** `1.19.0` ← **Head:** `feat/mini-stat-card`
---
### 📝 Commits (4)
- [`84e7a59`](https://github.com/moghtech/komodo/commit/84e7a5955970ef9957627103c7a4ceab58f4b7f8) feat: mini-stats-card: Expose Server CPU , Memory, Disk Usage to Dashboard View
- [`b3621b3`](https://github.com/moghtech/komodo/commit/b3621b350346f3ea664e5ca3ebd627315e087bc2) comment: resolved
- [`13aff69`](https://github.com/moghtech/komodo/commit/13aff6905675fe2b6ce3bf978ce6f5d15c046628) Feat: fix overflow card , DRY stats-mini, add unreachable mini stats
- [`8db5c4e`](https://github.com/moghtech/komodo/commit/8db5c4ea35867eeb5dda20d63f218c3a432b1b93) lint: fix
### 📊 Changes
**4 files changed** (+202 additions, -8 deletions)
<details>
<summary>View changed files</summary>
📝 `frontend/src/components/resources/server/index.tsx` (+3 -0)
➕ `frontend/src/components/resources/server/stats-mini.tsx` (+115 -0)
➕ `frontend/src/lib/dashboard-preferences.ts` (+31 -0)
📝 `frontend/src/pages/home/dashboard.tsx` (+53 -8)
</details>
### 📄 Description
# Problem
Currently, there’s no quick way to view all servers’ resource usage (CPU, memory, disk) in the dashboard. Users must click into each server to see these stats, which slows down monitoring.
# Changes
- [X] Added CPU%, Memory%, and Disk Usage% to each server card in the dashboard view
- [X] Implemented both desktop and mobile responsive designs
# UI Screenshots
## Desktop View
<img width="1658" height="461" alt="image" src="https://github.com/user-attachments/assets/e91391b8-d515-44f5-b460-5b96e6952b20" />
## Mobile view
<img width="381" height="792" alt="image" src="https://github.com/user-attachments/assets/24eb54bd-e60a-4fb3-8152-ad9586c25329" />
# Related Issue:
https://github.com/moghtech/komodo/issues/46
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 Pull Request Information
Original PR: https://github.com/moghtech/komodo/pull/729
Author: @tuananh131001
Created: 8/12/2025
Status: ✅ Merged
Merged: 8/17/2025
Merged by: @mbecker20
Base:
1.19.0← Head:feat/mini-stat-card📝 Commits (4)
84e7a59feat: mini-stats-card: Expose Server CPU , Memory, Disk Usage to Dashboard Viewb3621b3comment: resolved13aff69Feat: fix overflow card , DRY stats-mini, add unreachable mini stats8db5c4elint: fix📊 Changes
4 files changed (+202 additions, -8 deletions)
View changed files
📝
frontend/src/components/resources/server/index.tsx(+3 -0)➕
frontend/src/components/resources/server/stats-mini.tsx(+115 -0)➕
frontend/src/lib/dashboard-preferences.ts(+31 -0)📝
frontend/src/pages/home/dashboard.tsx(+53 -8)📄 Description
Problem
Currently, there’s no quick way to view all servers’ resource usage (CPU, memory, disk) in the dashboard. Users must click into each server to see these stats, which slows down monitoring.
Changes
Added CPU%, Memory%, and Disk Usage% to each server card in the dashboard view
Implemented both desktop and mobile responsive designs
UI Screenshots
Desktop View
Mobile view
Related Issue:
https://github.com/moghtech/komodo/issues/46
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.