DSH Web 右下角系统状态悬浮窗:实时显示 CPU、内存、磁盘占用率,带阈值变色告警。
安装
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:AKS1st/dsh-sysmon
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本。请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
DSH Web 的系统状态悬浮窗:固定在页面右下角,每 1 秒刷新显示 CPU、内存、磁盘占用率。
CPU 39%/16 MEM 46% DISK 22%
显示规格
- 位置:右下角固定悬浮,
pointer-events: none,不遮挡界面操作。 - 配色:默认浅灰色小字(等宽字体、11px)。
- 刷新:1 秒一次。
阈值规则
| 指标 | 默认(浅灰) | 橙色 | 红色 |
|---|---|---|---|
| CPU(x%/y) | < 90%×核心数 | x ≥ 90%×核心数 | x ≥ 98%×核心数 |
| 内存 | ≤ 80% | > 80% | > 90% |
| 磁盘 | ≤ 80% | > 80% | > 90% |
- CPU:
x%为所有核心使用率之和(可超过 100%),y为总核心数;阈值按总容量比例计算。 - 内存 / 磁盘:超过 80% 橙色、超过 90% 红色。
安装
从 GitHub 仓库安装:
dsh plugin --profile web add github:AKS1st/dsh-sysmon
dsh web
或 clone 到本地后从本地目录安装:
git clone https://github.com/AKS1st/dsh-sysmon.git
cd dsh-sysmon
npm install
npm run build
dsh plugin --profile web add .
dsh web
工作方式
- Host(
src/index.ts):ctx.effect挂一个每秒运行的后台采样器,经ctx.shell采样(/proc/stat、nproc、/proc/meminfo、df -P /),把最新快照写入内存缓存。路由GET /dsh-sysmon/api只返回缓存(亚毫秒、零子进程开销),并拒绝非 GET 方法与跨源浏览器请求。CPU 使用率为相邻两次采样之间的增量(窗口约 1 秒),首次采样显示 0。 - Client(
src/client/index.ts):创建#dsh-sysmon固定定位元素,每 1 秒fetch一次路由,带 in-flight 守卫避免请求重叠;重绘只更新三个数值节点(diff 式)。纯 DOM 实现、零运行时依赖。
已知限制
- 仅 Linux——宿主采集器读取
/proc/stat、/proc/meminfo与df;其他平台需要不同的采集器。 - 仅根文件系统——磁盘占用只报告
/,按挂载点选择暂缓。 - 采样窗口近似——CPU 百分比是相邻两次采样(约 1 秒)间隔内忙时占比,窗口内瞬时突发被平均。
链接
同类插件
zhu1090093659/dsh-web-ui#packages/dsh-web-ui-all★ 2263
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 1051
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
omdsh-dev/DSH-better-sidebar★ 920
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
omdsh-dev/dsh-at-file★ 171
Codex 风格的 `@file` 文件引用,输入框里直接搜索并引用工作区文件。
huiliyi37/dsh-tianshu-tui★ 143
DeepSeek Harness 的终端 UI(TUI)。
Nagi-ovo/dsh-visualize★ 90
对话内生成式 UI:模型把交互式 HTML 卡片直接画进会话流,带流式预览与沙箱渲染。