fix(frontend): redraw status charts on container resize in narrow sidebar

observe the chart host width and force cpu/network chart remount when the
sidebar width changes, preventing stale canvas dimensions after layout
compression.

add min-width/width constraints on chart containers and canvas to keep chart
rendering bounded to the current panel width, improving responsiveness in
tight layouts.

archive the completed layout-parity proposal/tasks and sync changelog/module
records to reflect the delivered frontend updates.

.helloagents/archive/2026-04/202604152323_status-monitor-reference-layout-parity/tasks.md

@@ -0,0 +1,50 @@
+# 任务清单: status-monitor-reference-layout-parity
+
+> **@status:** completed | 2026-04-15 23:59
+
+```yaml
+@feature: status-monitor-reference-layout-parity
+@created: 2026-04-15
+@status: completed
+@mode: R2
+```
+
+## 进度概览
+
+| 完成 | 失败 | 跳过 | 总数 |
+|------|------|------|------|
+| 5 | 0 | 0 | 5 |
+
+---
+
+## 任务列表
+
+### 1. 默认视图结构重排
+
+- [√] 1.1 复核用户反馈，确认问题是默认视图的左右布局关系而不是单纯样式细节
+- [√] 1.2 在 `packages/frontend/src/components/StatusMonitor.vue` 中重排顶部信息区和默认概览骨架
+- [√] 1.3 将 CPU / 内存 / 网络 / 磁盘 / 进程概览调整为更贴近参考图的紧凑左右分区布局
+
+### 2. 验证与知识库同步
+
+- [√] 2.1 执行 `packages/frontend` 构建验证默认视图改动未引入模板或类型错误
+- [√] 2.2 同步 `CHANGELOG`、模块文档与方案归档记录
+
+---
+
+## 执行日志
+
+| 时间 | 任务 | 状态 | 备注 |
+|------|------|------|------|
+| 2026-04-15 23:28 | 1.1 | completed | 明确本轮只处理默认视图布局骨架，不再扩展功能 |
+| 2026-04-15 23:42 | 1.2 / 1.3 | completed | `StatusMonitor.vue` 已从卡片栅格改为头部信息条、索引资源行与左右分区模块 |
+| 2026-04-15 23:49 | 2.1 | completed | `npm run build` in `packages/frontend` 通过，仅保留仓库既有 Vite chunk 警告 |
+| 2026-04-15 23:59 | 2.2 | completed | 知识库、变更记录与归档索引已同步 |
+
+---
+
+## 执行备注
+
+- 本轮刻意不修改 `ProcessManagerModal.vue` 的行为，只保留默认视图到独立管理页的分层关系
+- 网络左侧“监控屏”只使用当前已有速率字段做布局表达，没有新增伪造历史数据
+- 宽度适配优先保证左右关系，其次才在极窄宽度下退化为单列