dsh-web-ui/packages/dsh-web-ui-all

一句话定位

DSH 网页版全家桶聚合包：一次安装自动拉入 task-board、git-graph、pet、远程访问、皮肤中心等十余个 UI 扩展与全部皮肤资源。它自身没有业务功能，仅作为分发载体与老式 DOM 钩子的兼容垫片。

核心能力

• 聚合 13 个子包为单一安装：一次声明即自动引入 task-board / git-graph / pet / ssh / remote-web-ui / live-stats / aionui-panel / tool-describe-image / liangshen / web-ui-settings / community-plugins / skins / skin-center，避免逐个挑选与逐次安装。
• 兼容垫片 (compat shim)：当 dsh web 当前外壳只渲染 css-module 类名（如 *_sidebarCol / *_centerCol / *_detailsCol）而没有老式 data-pane / data-dsh-frame 属性时，浏览器半区按选择器给三列容器与根容器补写属性，让按老选择器挂载的子插件与皮肤继续生效。
• React 重渲染自动重打属性：通过 MutationObserver 监听 DOM 变化，下一帧合并为一次扫描（requestAnimationFrame + done 标记），React 重建列容器时自动补回；幂等检查确认所有属性就位后短路退出，不会反复刷选区。
• 与独立安装同名插件共存：聚合行 id 统一加 web-ui- 命名空间（如 web-ui-task-board），独立装仍用原 id，loader 不再报重复 id，host 半区只注册一次。
• 不破坏 React 协调：垫片只写入已有的属性值，不删节点、不改结构，与外壳的 React 渲染互不干扰。

技术实现

• 语言: TypeScript
• 关键依赖: @linxin666/dsh-client-ui-task-board / @linxin666/dsh-skins / @linxin666/dsh-client-ui-skin-center / @linxin666/dsh-client-ui-web-ui-settings / @linxin666/dsh-remote-web-ui
• 架构模式: cordis bundle 聚合包；aggregate.yml 是唯一手写清单（patchFrom 贡献子包 cordis.patch.yml 的 insert 行并加 web-ui- 命名空间，deps 解析子包 name 写入 package.json#dependencies），由 scripts/aggregate.mjs 生成 cordis.patch.yml；host 半区无业务逻辑，浏览器半区是 DOM 兼容垫片
• 入口文件: src/index.ts (host，空 apply) / src/client/index.ts (compat shim)

适用场景

刚接触 DSH 网页版、希望立刻拿到完整增强体验（任务面板、Git 视图、宠物、远程访问、自定义皮肤）但不想逐个挑选插件的用户。同时作为官方 dsh web 外壳更新后老插件失效时的兜底垫片，保证子插件按老选择器仍能挂载。

前置依赖与兼容性

安装方式

dsh plugin --profile web add github:zhu1090093659/dsh-web-ui/packages/dsh-web-ui-all

配置项

本插件无需额外配置（聚合包本身无独立配置面；各子插件的配置详见其各自 README 与设置页的 Web UI 插件分组）。

常见问题

Q: 安装完还需要做什么才能让插件生效？

A: 重启 dsh web。如果是源码开发模式，除 dsh plugin add 外还需先 pnpm install && pnpm -r build && node scripts/link-profile.mjs，最后重启 dsh web 才生效。

Q: 只想装其中一两个插件，不想全家桶一起装，怎么办？

A: 直接装对应独立子包即可（如 dsh plugin add @linxin666/dsh-client-ui-task-board），不必走本全家桶；本包安装会激活全部子插件，无法只挑其中一部分。

Q: 跟同名独立插件包同时安装会冲突吗？

A: 不会。本包聚合行 id 统一带 web-ui- 前缀（如 web-ui-task-board），独立装的仍用原 id（task-board），loader 不再拒绝重复 id。建议只保留一个来源，两个并存没有额外收益。

Q: profile 里按插件 id 写的配置行要怎么对应？

A: 插件来自本全家桶时用 web-ui- 前缀（如 remote-web-ui 的 autoTunnel 配置行写成 web-ui-remote-web-ui），独立安装时仍用插件原 id。

Q: 升级到新版本后新版没有生效，怎么排查？

A: 改 profile 的 package.json 版本号后执行 pnpm install，顶层 node_modules/@linxin666/* 条目可能仍链接到旧版 store 目录。需要确认这些链接已指向新版（Windows: cmd /c rmdir <link> 再 cmd /c mklink /J <link> <target>），然后重启 dsh web。

Q: 本包代码里到底装了什么自定义逻辑？

A: host 半区没有任何业务逻辑（apply 是空函数）；浏览器半区只有一个 compat shim，给 dsh web 外壳侧栏/中间/详情三列容器补上老式 data-pane / data-dsh-frame 属性，让按老选择器挂载的子插件能继续工作。

Q: 官方 dsh web 外壳升级后，本包还能正常工作吗？

A: 可以。compat shim 用 MutationObserver 监听 DOM 变化，在下一帧合并重打属性，React 重渲染重建列容器后会自动补回属性，幂等不会重复触发。

上手难度

入门 — 安装一条命令即生效，无配置项；如需理解底层行为可读 README 与源码，但日常使用无需介入。

已知问题与限制

• 全家桶激活即全部子插件一并加载，无法只挑选部分；如需部分安装请改用对应独立子包（README.md:38）。
• 聚合行 id 统一加 web-ui- 命名空间，本包可与同名独立插件包共存：loader 不再拒绝重复 id，host 半区只注册一次（第二个来源为空操作），浏览器半区按包名去重；两个来源并存没有额外收益，建议只保留一个（README.md:39）。
• 依赖的 @deepseek-ai/* SDK 版本已锁定，兼容性跟随本仓库的发版节奏，跨大版本升级前需确认 SDK 兼容（README.md:40）。

中文 | English

       
 

DeepSeek Harness（DSH）Web GUI 的插件与皮肤全家桶
梁神模式 · 任务看板 · Git 图谱 · 右侧面板 · 移动端远程 · SSH 运维 · 图像理解 · 鲸鱼娘宠物 · 实时吞吐 · 皮肤中心

是什么

dsh-web-ui 是给 DeepSeek Harness（DSH）Web GUI 用的插件和皮肤集合：面向 DeepSeek V4 Pro 的「梁神模式」agent 预设，以及任务看板、Git 图谱、右侧面板、移动端远程、SSH 运维、图像理解、鲸鱼娘宠物、实时吞吐和皮肤中心。所有插件都走官方 profile 机制挂载到 dsh web，不改 DSH 源码；可以逐个安装，也可以用聚合包一次装齐（聚合包额外引入外部右侧栏插件 dsh-better-sidebar 并默认接管右侧面板，详见 dsh-web-ui-all README）。

功能插件

梁神模式

DeepSeek V4 Pro 对首轮工具目录很敏感。社区评测里，官方 Standard / PTC 预设只有 91 / 92 分，Minimal 能到 99 / 96，但 Minimal 只有两个工具。梁神模式把这两步拼起来：新建会话时在预设选择器里选「梁神模式」，首轮按 Minimal 开局（只暴露持久 bash 与 str_replace_editor，只放行你自己的消息），轨迹锚定后自动切到 PTC Mode，完整工具注册表、workspace 指令和 skill 目录随后恢复。Windows 原生环境实测（DeepSeek V4 Pro）98 / 99，均值 98.5，不是抽卡，也不需要牺牲完整工具能力。

原理、稳定化控制与限制详见 dsh-liangshen README。

任务看板

侧边栏点「任务看板」进入。任务按五列摆开：待规划、待办、进行中、已完成、已失败。点卡片上的「执行」，任务交给真实的 DSH 智能体会话去跑，跑完状态自动回写；想复盘就跳回执行会话看完整过程。

任务也支持 Host 定时跑：详情里配 cron 表达式（比如每天 23:00 自动升级 DSH、每周一 09:00 生成周报），关闭浏览器后仍会到点执行和结算。可选的空闲睡眠保护支持 Windows、macOS 和带 systemd-logind 的 Linux，允许屏幕熄灭，同时阻止整机因空闲睡眠；该设置默认关闭。

Git 图谱

输入框上方有分支选择器，可以切分支、翻提交历史；Git 图谱把分支泳道和提交历史画出来，仓库再大也能顺着时间线找到变更。

右侧面板

右侧面板由外部插件 dsh-better-sidebar 提供（聚合包已集成并默认启用），支持其内置功能与第三方插件注册，详见其 README。

此前的 aionui-panel 右侧面板已停止支持：默认关闭，不再维护、测试或接受修复，后续版本将从全家桶移除；设置 → Web UI 插件 → 右侧面板 可临时切回（自行承担风险）。

鲸鱼娘宠物

一只常驻界面的鲸鱼娘，跟着智能体状态换动画：思考、等待、工作、庆祝。可以点她互动（摸头），喂小鱼干加亲密度，从幼鲸一路养到「深海羁绊」。名字能改，位置能拖，不想看就藏起来。

实时吞吐统计

会话状态行本来就有 token 用量，本插件补的是实时吞吐：响应边流边更新输入 / 输出 token 估算（~ 表示启发式估算），TPS 跟在步骤计数后面；provider 用量一到，估算自动换成真实值。

移动端远程

侧边栏底部的手机图标打开配对面板。扫码（或复制链接）配对后，手机进独立移动端界面，远程操作当前的 dsh web 工作区：看会话、开新会话、收发消息、切模型和思考强度、调权限预设，都和桌面端同步。配对令牌一次性、限时，「停止」随时吊销所有设备；二维码默认走局域网，开 cloudflared 公网隧道后手机在任何网络都能配对。

实时消息与隧道：移动端靠 SSE（Server-Sent Events）收实时消息。Cloudflare quick tunnel（trycloudflare.com）和 Tailscale Serve 不透传 SSE，普通 HTTP 正常、实时推送到不了；这种网络下插件自动降级轮询，收发消息正常，只是新消息可能晚几秒。要即时推送就用支持 SSE 的隧道（Cloudflare named tunnel、自定义 TCP 端口转发等）。

远程连接

侧边栏「SSH」入口打开远程运维面板。主机支持密钥 / 密码认证，可从 ~/.ssh/config 一键导入；配置都在 ~/.dsh/dsh-ssh.json。对已配置主机可执行真实操作：

• Web 终端：xterm.js 远程终端，实时输出，窗口大小自适应；
• 文件传输：SFTP 上传 / 下载，有进度条，能浏览远程目录；
• 端口转发：本地隧道直连远程内网服务（数据库、API、管理后台），只监听 127.0.0.1；
• 集群执行：一条命令并发跑多台主机，按别名 / 环境 / 标签过滤；
• Agent 直连：Agent 和面板共用同一份主机配置，对话里说一句「连一下 xxx 看看状态」，智能体就去执行远程命令。

图像理解

给纯文本模型补上视觉：对话里提到图片（本地路径、http(s) URL、会话附件）时，describe_image 把图片发给配置好的 OpenAI 兼容视觉端点（Qwen-VL、GLM-4V、GPT-4o、本地 Ollama 都行）回答，进会话的只有返回的文本，图片本身不进会话记录。纯文本模型输入框没有图片入口，插件在输入框加了个图片按钮：选图后生成附件引用插进草稿，模型就能用 describe_image 分析；工具还支持 prompt 参数传自定义指令（OCR、UI 诊断、翻译），比默认描述准。端点、模型、密钥、默认指令在「设置 > 插件配置 > Image understanding」里配，即时生效。

设置中心

全部插件的开关和参数都在「设置」里，改了即时生效。设置侧边栏的一级菜单：通用设置、模式、插件、Agent 预设，加上 Web UI 插件组（归组 task-board / live-stats / remote-web-ui / describe-image）、皮肤中心、社区插件与宠物，打开即直接展开内容、无需再点折叠；插件配置页保留三个内置插件（Shell / Agent loop / Web search），各自独立开关与配置。

皮肤

皮肤中心有 11 款皮肤，都支持先试穿再应用：试穿即时生效、退出完全还原，满意再一键应用。

现有 10 款皮肤一览（龙的传人 / 初音未来 · 电子歌姬两款截图待补充）；Maid Atelier 预览见下方：

Windows XP（Luna）

还原 Luna 经典界面：蓝色渐变窗口条、绿色「开始」按钮、Bliss 蓝天桌面，全局直角风格。

Blue Fantasy 蓝色幻想

鲸鱼插画垫在半透明面板下面，靛蓝色调贯穿全局，暗色主题下更明显。

鲸吟（Whale Song）

深海鲸语女神主题：无文字纯氛围背景画（蓝发女神与鲸群居左、冰蓝星座网格与金色细线点缀、右侧大量留白）垫在半透明面板下面，冰蓝 / 浅青 / 深海军蓝 / 钴蓝冷色体系贯穿全局，暗色变体是深海夜航调。

·

夕港（Harbor）

黄昏港口主题：动漫少女港口背景（暮光蓝天空渐入日落橙）垫在半透明面板下面，深暮蓝底与日落橙主色贯穿全局，亮色是薄暮纱、暗色是深海夜航纱。

·

深海女仆工坊（Maid Atelier）

深海蓝工坊主题，包含双角色图层与响应式侧边栏装饰。本皮肤单独采用 CC BY-NC-SA 4.0，仅限非商业使用。

·

快速开始

系统要求

• 已安装 DeepSeek Harness，dsh web 可正常启动。
• npm 安装方式无额外要求；从仓库安装需要 Node.js >= 22 与 pnpm。

三步上手

1. 安装聚合包：dsh plugin --profile web add @linxin666/dsh-web-ui-all
2. 重启 dsh web，侧边栏出现全部插件入口
3. 打开「设置 > 插件配置」按需开关插件，或在皮肤中心试穿皮肤

从 npm 安装（推荐）

插件已发布到 npm（@linxin666 scope），一条命令装齐：

dsh plugin --profile web add @linxin666/dsh-web-ui-all

装完重启 dsh web，侧边栏就有全部插件入口。只要皮肤就装 @linxin666/dsh-skins。

装到了旧版本？ pnpm 11+ 的发布年龄门禁（minimumReleaseAge）会把新发布（约 10 天内）的版本静默隔离，导致按上面命令实际装到旧版（如 0.1.6 而非 0.1.10）。旧版皮肤中心缺少 "carrier 内建皮肤可解析入口" 的修复，应用皮肤后重启会以 ERR_MODULE_NOT_FOUND .../dsh-client-ui-skin-<id>/index.js 崩溃。解决办法：在 profile 的 pnpm-workspace.yaml 设置 minimumReleaseAge: 0（或把 @linxin666/* 加进 minimumReleaseAgeExclude），再执行 dsh plugin --profile web update @linxin666/dsh-web-ui-all 升级到最新版。详见 issue #71。

从 GitHub 仓库安装（开发调试）

插件包已在 npm 发布，仓库安装仅供开发调试（需要 Node.js >= 22 与 pnpm）：

# 1. 克隆仓库
git clone https://github.com/zhu1090093659/dsh-web-ui.git
cd dsh-web-ui

# 2. 安装依赖并构建
pnpm install
pnpm -r build

# 3. 把全家桶链接进 web profile（推荐，先链接全部子包再注册聚合包）
node scripts/link-profile.mjs
dsh plugin --profile web add link:$(pwd)/packages/dsh-web-ui-all

# 4. 重启 dsh web，侧边栏即可看到全部插件入口
dsh web

只想用皮肤：第 3 步只执行 link-profile 后安装 packages/dsh-skins 即可。

注意：profile 目录不是 pnpm workspace，聚合包里的 workspace:* 依赖会回退拉取 npm 已发布版本； 若 npm 版本滞后或损坏会出现「宿主已挂载但 UI 不显示」，此时先用 node scripts/link-profile.mjs 让全部子包走仓库构建产物。

单独安装某个插件

不想装全家桶时，可单独安装任意插件（npm 已发布，直接用包名）：

dsh plugin --profile web add @linxin666/dsh-liangshen              # 梁神模式
dsh plugin --profile web add @linxin666/dsh-client-ui-task-board   # 任务看板
dsh plugin --profile web add @linxin666/dsh-ssh                    # 远程连接（SSH）
dsh plugin --profile web add @linxin666/dsh-tool-describe-image    # 图像理解工具
dsh plugin --profile web add @linxin666/dsh-pet                    # 鲸鱼娘宠物
dsh plugin --profile web add dsh-better-sidebar                    # 右侧面板（推荐；资源管理器/编辑器/终端/Git/浏览器）
dsh plugin --profile web add @linxin666/dsh-client-ui-aionui-panel # 旧右侧面板（aionui-panel，已停止支持，仅过渡保留）

验证与卸载

装好重启 dsh web，侧边栏出现对应入口就是生效了；也可以用 dsh --profile web --dump-config 确认插件配置层已挂载。侧边栏没新入口，多半是装完没重启 dsh web。

卸载：dsh plugin --profile web remove @linxin666/dsh-web-ui-all，然后重启 dsh web。

技术细节见 docs/plugins.md。

安装排障

展开查看 pnpm 常见问题

pnpm 的严格（isolated）布局只把聚合包放在 profile 顶层，patch 行引用的 11 个子包（共 12 行 insert）会被收进嵌套目录，dsh web 会报 Cannot find package '@linxin666/dsh-...'。本包的子包已声明为 dependencies；使用严格布局时，在 profile 的 pnpm-workspace.yaml 加 nodeLinker: hoisted（或旧式 public-hoist-pattern: ['@linxin666/*']），再重新安装即可。

首次安装若提示 ERR_PNPM_IGNORED_BUILDS（pnpm 拒绝依赖的构建脚本），按提示把 cloudflared / cpu-features / ssh2 加入 profile 的 pnpm-workspace.yaml allowBuilds 后重新执行即可。

pnpm 11 release-age 门禁：新版本发布后约 10 天内，pnpm 11 的 minimumReleaseAge 门禁可能静默装回更旧的 @linxin666/* 版本（如 dsh-web-ui-all@0.1.5 配旧版皮肤中心）。旧版皮肤中心 Apply 皮肤时会写入独立皮肤包引用，导致 dsh web 启动崩溃（ERR_MODULE_NOT_FOUND ... dsh-client-ui-skin-*）。在 profile 的 pnpm-workspace.yaml 中排除全部 @linxin666/* 包后再安装或更新：

minimumReleaseAgeExclude:
  - '@linxin666/*'

常见问题

装完重启了，侧边栏还是没有入口？

A: 先确认插件装进了 web profile（命令里的 --profile web），再用 dsh --profile web --dump-config 确认插件配置层已挂载；还不行就看上文「安装排障」。注意页面刷新不够，要重启 dsh web 进程。

定时任务为什么没有到点执行？

A: 定时调度由 dsh web Host 完成，不要求浏览器标签页保持打开。Host 停止、系统睡眠或长暂停期间错过的触发点按「错过即跳过」处理，不排队补跑；同一任务正在运行时到点也会顺延到下一个匹配点。若需要允许息屏但阻止整机因空闲睡眠，可显式开启任务看板的电源保护设置。

手机配对后收不到实时消息？

A: Cloudflare quick tunnel 和 Tailscale Serve 不透传 SSE，这种网络下插件自动降级轮询，消息正常收发，只是新消息可能晚几秒。要即时推送就用支持 SSE 的隧道（Cloudflare named tunnel、自定义 TCP 端口转发等）。

皮肤试了不满意怎么办？

A: 皮肤支持先试穿再应用：试穿即时生效、退出完全还原，没点「应用」就不落盘，随便试。

只想用皮肤，或者只装某一个插件？

A: 只要皮肤就装 @linxin666/dsh-skins；只装某一个插件就用「单独安装某个插件」里的包名，两者都走 npm 安装。

装了全家桶还能再单独装同一个插件吗？

A: 可以。聚合包的行 id 统一带 web-ui- 前缀（如 web-ui-describe-image），与独立包自己的 id（如 describe-image）不冲突，dsh web 不会再报 duplicate loader entry id；同一插件双源加载时 host 半区只注册一次，浏览器半区按包名去重。两个来源并存没有额外收益，建议只保留一个。注意：profile 里按 id 写的配置行，若插件来自聚合包要用 web-ui- 前缀的 id（如 remote-web-ui 的 autoTunnel 配置行写成 web-ui-remote-web-ui）；独立安装时仍用插件原 id。

已知限制

• 任务看板由 Host 调度，关闭浏览器后仍可运行；Host 停止或整机睡眠期间错过的触发点跳过、不补跑。可选电源保护默认关闭，只阻止空闲系统睡眠，不拦截合盖、手动睡眠、休眠或关机，详见 dsh-task-board README。
• SSH 密码与 passphrase 口令以明文保存在 ~/.dsh/dsh-ssh.json（权限 0600）；断线重连可能重放非幂等命令，远程输出原样返回、不脱敏，安全模型见 dsh-ssh README。
• 移动端靠 SSE 实时推送：Cloudflare quick tunnel 和 Tailscale Serve 不透传 SSE，插件自动降级轮询，新消息可能晚几秒。
• 仓库安装需要 Node.js >= 22 与 pnpm，仅供开发调试；npm 安装不受影响。

社区

社区交流群在这里，和开发者、其他用户一起聊用法、报问题、提想法。QQ 扫码加入「DSH Web UI 交流群」：

也可以加 Discord 社区，或直接到 GitHub Issues 报 Bug / 提需求。

友情链接

• DeepSeek Harness Desktop —— 为 DeepSeek Harness (DSH) 生态打造的现代化桌面端体验。
• LINUX DO —— 有理想的新社区。
• dshfind —— 面向 DeepSeek Harness 的学习与分享社区，聚合论文精读、插件超市与用户排名。
• deepseek-plugin-store —— DeepSeek Harness 独立社区插件商店，发现、安装并提交经过验证的插件、工具与扩展。
• dsh-data-agent —— 为 DSH 定义专用 Data Agent 预设，让 AI 帮你查询、更新、分析数据。
• dsh-TUI —— Claude Code 风格全屏交互终端插件，补位官方缺失的终端 TUI：像素鲸鱼顶栏、实时工作状态行、思考流式展开、双击 Esc 回滚、上下文进度条与 TPS 仪表。
• dsh-tianshu-tui —— 基于官方 DeepSeek Harness 的交互式终端 UI 插件，在官方基础上增加 TDD 与证据门等工作流。
• dsh-genui —— 助手回复内联渲染生成式 UI（dsh-ui fence）：布局、图表、表单、Mermaid、3D 与面板停靠，组件交互回传模型。
• dsh-annotation —— DSH Web 选中批注插件：选文字、写批注、随消息发送，模型按 Annotation N 逐条对照回复。

参与贡献

• 先读 CONTRIBUTING.md 再开 PR；用户可见变更请附截图或验证证据。
• 提交信息遵循 Conventional Commits（如 fix(task-board): 修复 xxx），代码、文档与提交信息全程禁止 emoji。
• 新插件与皮肤用脚手架生成：node scripts/dsh-plugin-new <name>、node scripts/dsh-skin-new。
• 提交前过门禁 pnpm typecheck && pnpm test && pnpm docs:check；完整开发流程见 docs/development.md。

许可证

本仓库以 Apache-2.0 授权。迁入第三方代码必须保留 LICENSE 与署名；活跃且有上游的第三方优先 fork 或依赖引用，不搬代码。

来源与版权

贡献者

_{查看全部贡献者}