feat(frontend): revamp monitor cards and process table

Add a dedicated CPU history chart with per-core live indicators, switch the
network block to a vertical stack with a tighter height cap, and lift process
counts into header pills.

Also make the process list columns sortable, add spacing around the close
button, and extend backend CPU sampling to include per-core usage data.
This commit is contained in:
yinjianm
2026-04-19 04:18:33 +08:00
parent 0e01153157
commit 41f237c15d
25 changed files with 1449 additions and 159 deletions
@@ -0,0 +1,50 @@
# 任务清单: status-monitor-network-vertical-stack
> **@status:** completed | 2026-04-19 04:03
```yaml
@feature: status-monitor-network-vertical-stack
@created: 2026-04-19
@status: completed
@mode: R2
```
## 进度概览
| 完成 | 失败 | 跳过 | 总数 |
|------|------|------|------|
| 4 | 0 | 0 | 4 |
---
## 任务列表
### 1. 方案与约束确认
- [√] 1.1 创建网络模块上下堆叠方案包并锁定“总高度 <= 350px”约束 | depends_on: []
### 2. 网络模块布局调整
- [√] 2.1 将网络模块父容器改为固定上下堆叠,不再保留左右双列布局 | depends_on: [1.1]
- [√] 2.2 压缩图表和网络表内部高度占用,使网络模块总高度不超过 350px | depends_on: [2.1]
### 3. 验证与同步
- [√] 3.1 运行前端构建并同步 frontend 模块文档、CHANGELOG 与归档记录 | depends_on: [2.2]
---
## 执行日志
| 时间 | 任务 | 状态 | 备注 |
|------|------|------|------|
| 2026-04-19 03:58 | 1.1 | 完成 | 创建 implementation 方案包,范围锁定为网络模块上下堆叠与 350px 高度约束 |
| 2026-04-19 04:02 | 2.1 | 完成 | `.module-split--network` 改为固定单列堆叠,不再按宽度切回双列 |
| 2026-04-19 04:03 | 2.2 | 完成 | 为网络模块增加 `max-height: 350px`,并同步压缩图表 canvas 与网络表间距 |
| 2026-04-19 04:04 | 3.1 | 完成 | `npm run build --workspace @nexus-terminal/frontend` 通过;本次按用户要求未使用 Playwright |
---
## 执行备注
> 用户已确认网络图表和统计表在所有宽度下都要改为上下堆叠,并新增“网络模块总高度不超过 350px”的硬性限制。当前项目存在登录态依赖,本次不使用 Playwright 作为验收手段,运行态效果建议在有登录态的环境中人工补验一次。