Files
yinjianm 41f237c15d 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.
2026-04-19 04:18:33 +08:00

2.7 KiB

任务清单: process-manager-table-sort-and-close-spacing

@status: completed | 2026-04-19 04:03

@feature: process-manager-table-sort-and-close-spacing
@created: 2026-04-19
@status: completed
@mode: R2

进度概览

完成 失败 跳过 总数
6 0 0 6

任务列表

1. 方案与现状确认

  • [√] 1.1 确认 packages/frontend/src/components/ProcessManagerModal.vue 当前仅支持搜索与刷新,不支持表头排序,并定位关闭按钮与刷新区的布局关系 | depends_on: []

2. 前端实现

  • [√] 2.1 在 packages/frontend/src/components/ProcessManagerModal.vue 中新增本地排序状态与排序计算逻辑,支持主要数据列点击排序 | depends_on: [1.1]
  • [√] 2.2 在 packages/frontend/src/components/ProcessManagerModal.vue 中把静态表头改为可点击排序按钮,并显示升降序方向标记 | depends_on: [2.1]
  • [√] 2.3 在 packages/frontend/src/components/ProcessManagerModal.vue 中调整 toolbar 与关闭按钮的安全间距,避免关闭按钮与刷新区过近 | depends_on: [1.1]

3. 验证与同步

  • [√] 3.1 执行 npm run build --workspace @nexus-terminal/frontend,确认类型检查和构建通过 | depends_on: [2.2, 2.3]
  • [√] 3.2 同步更新 .helloagents/modules/frontend.md.helloagents/CHANGELOG.md,记录进程管理表头排序与顶部间距优化 | depends_on: [3.1]

执行日志

时间 任务 状态 备注
2026-04-19 03:51 EVALUATE completed 已按 R2 确认进程管理表需支持全量主要列排序,用户选择所有主要数据列可排序
2026-04-19 03:52 DESIGN completed 已将用户补充的“关闭按钮与刷新区过近”并入同一方案包处理
2026-04-19 03:54 2.1 / 2.2 / 2.3 completed ProcessManagerModal.vue 已补齐本地排序状态、可点击表头方向标记和 toolbar 安全间距
2026-04-19 03:55 validate_package completed validate_package.py 202604190352_process-manager-table-sort-and-close-spacing --path E:/code/vue/nexus-terminal 通过
2026-04-19 04:01 3.1 completed npm run build --workspace @nexus-terminal/frontend 通过;期间顺手将 server.types.tscpuCorePercents 放宽为只读数组以匹配当前 StatusMonitor 用法
2026-04-19 04:03 3.2 completed 已同步 frontend 模块文档与 CHANGELOG,准备归档方案包

执行备注

默认顺序保持当前后端返回结果,只在点击表头后进入排序态,以避免进程表的初始展示语义回归;为打通前端构建,还顺手把现有 ServerStatus.cpuCorePercents 类型从可变数组放宽为只读数组,但不改变任何运行时行为。