@mkaliezz/dsh-task-board-ui
v0.1.7
Published
DSH-styled web UI panel for the task-board plugin: view, create, and transition deterministic tasks with evidence.
Readme
@mkaliezz/dsh-task-board-ui
DSH 风格的网页看板面板,为 @mkaliezz/dsh-task-board(dsh-evidence-task-board)提供可视化 UI:查看、创建、流转任务状态并附加证据。
- 宿主半(node):注册专属 RPC 通道
/task-board,读写与 task-board 插件同一个确定性 JSON 看板文件(dsh-task-board.json),复用同一套normalizeBoard/applyTaskCommand逻辑,格式永不漂移。 - 浏览器半(client):在
shell.overlay插槽注册浮动面板 —— 右下角玻璃拟态深色面板,DSH 视觉风格(◯/●/!/✔ 状态符号与命令输出一致)。
安装
dsh plugin add @mkaliezz/dsh-task-board-ui或手动:安装 npm 包后,在 profile 的 cordis patch 中加入:
- id: dsh-task-board-ui
name: '@mkaliezz/dsh-task-board-ui'
config: {}使用
面板固定在 Web UI 右下角:
| 操作 | 方式 |
|---|---|
| 新建任务 | 面板顶部 id + title 输入框(与 /task-create 等价) |
| 流转状态 | 每个任务行右侧 ▶(todo→in_progress→done)、⛔(blocked)、↺(解除 blocked) |
| 证据 | ✎ 展开证据列表并可追加(与 /task-evidence 等价) |
| 刷新 / 收起 | 面板头部 ↻ 刷新、× 收起为悬浮按钮 |
数据与 /task-board、/task-create、/task-status、/task-evidence 命令共享同一个文件,两边操作实时一致(面板内操作后命令输出立即可见,反之点 ↻ 同步)。
配置
| 配置项 | 默认值 | 说明 |
|---|---|---|
| storagePath | <dsh 工作目录>/dsh-task-board.json | 看板文件路径;与 task-board 插件同默认值,改配置时两者应一致 |
RPC 通道按 loopback 权限注册(仅本机浏览器可调用);若需从局域网设备访问 Web UI 并使用面板,见 @deepseek-ai/dsh-client-connection 的 trusted hosts 配置。
开发
npm install --legacy-peer-deps
npm run build
npm test