[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-94711":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":18,"hasPages":18,"topics":20,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},94711,"dsh-web-ui","zhu1090093659\u002Fdsh-web-ui","zhu1090093659","Plugin and skin collection for DeepSeek Harness (DSH) Web UI - task board, git graph, right-side panel, remote mobile UI, pet, live token stats, and skin center.",null,"TypeScript",4419,269,1,7,0,367,86.29,false,"main",[21,22,23,24],"deepseek-harness","dsh","dsh-plugin","web-ui","2026-08-25 04:01:22","# dsh-web-ui · DSH Web UI\n\n中文 | [English](README.en.md)\n\n![dsh-web-ui](docs\u002Fdsh-web-ui-banner.png)\n\ndsh-web-ui 是 DeepSeek Harness（DSH）Web UI 的插件与皮肤集合：任务看板、Git 图谱、右侧面板、移动端远程、远程连接、图像理解工具、鲸鱼娘宠物、实时令牌统计，以及皮肤中心。所有插件既可独立安装，也可通过聚合包一次装齐。\n\n![DSH Web UI 主界面](docs\u002Fscreenshots\u002F13-hero-main.png)\n\n## 功能插件\n\n### 任务看板\n\n在侧边栏点击「任务看板」进入。任务按五列状态组织：待规划、待办、进行中、已完成、已失败。点击卡片上的「执行」，任务将由真实的 DSH 智能体会话执行，完成后状态自动回写；需要复盘时，可直接跳转到执行会话查看完整过程。\n\n任务支持定时执行：在详情中配置 cron 表达式（如每天 23:00 自动升级 DSH、每周一 09:00 生成周报），到点自动开工，无需人工值守。\n\n| 多列看板 | 定时执行 |\n| --- | --- |\n| ![任务看板](docs\u002Fscreenshots\u002F09-task-board.png) | ![任务定时执行](docs\u002Fscreenshots\u002F10-task-board-detail-cron.png) |\n\n### Git 图谱\n\n输入框上方的分支选择器，支持切换分支与查看提交历史；Git 图谱将分支泳道与提交历史可视化，仓库再大也能顺着时间线快速定位变更。\n\n![Git 图谱](docs\u002Fscreenshots\u002F04-git-graph.png)\n\n### 右侧面板\n\n项目会话打开时，聊天区右侧出现「预览」与「文件\u002F变更」两块面板：\n\n- **文件树**：浏览工作目录，点击文件即在预览面板打开，整行点击展开文件夹，支持按文件名搜索定位；\n- **预览**：多标签预览 markdown、HTML、代码、diff、CSV、PDF、Office、图片与文本等格式，支持源码 \u002F 预览切换、分屏编辑与保存；\n- **变更（SCM）**：真实 git 变更面板，支持 stage \u002F unstage \u002F discard；\n- 面板宽度可拖拽调整，双击把手复位默认宽度，折叠状态与宽度按项目持久化；\n- 9 款皮肤全部适配右侧面板，换肤后面板随之融入主题。\n\n![右侧面板](docs\u002Fscreenshots\u002F19-right-panel.png)\n\n### 鲸鱼娘宠物\n\n一只常驻界面的鲸鱼娘宠物，会跟随智能体的状态切换动画：思考、等待、工作、庆祝。点击可互动（摸头），投喂小鱼干可提升亲密度，陪伴度从幼鲸一路成长至「深海羁绊」。支持自定义名称、自由拖动位置，也可随时隐藏。\n\n| 陪伴工作 | 互动面板 |\n| --- | --- |\n| ![鲸鱼娘宠物](docs\u002Fscreenshots\u002F11-pet-new-chat.png) | ![宠物互动面板](docs\u002Fscreenshots\u002F12-pet-panel.png) |\n\n### 实时令牌统计\n\n在输入框下方实时显示生成速度（TPS）、LLM 耗时、上下文占用、缓存命中率以及输入 \u002F 输出 token 数，每次生成的用量一目了然。\n\n![实时令牌统计](docs\u002Fscreenshots\u002F18-live-stats.png)\n\n### 移动端远程\n\n侧边栏底部的手机图标打开配对面板：扫码配对（或复制链接）后，手机进入独立的移动端界面，远程控制当前 dsh web 工作区——查看与新建会话、收发消息、切换模型与思考强度、调整权限预设，全部与桌面端同步。配对令牌一次性且限时，「停止」可随时吊销所有设备；二维码默认走局域网，也可开启 cloudflared 公网隧道，让手机在任意网络配对。\n\n> **实时消息与隧道**：移动端依赖 SSE（Server-Sent Events）实时接收消息。Cloudflare quick tunnel（trycloudflare.com）与 Tailscale Serve 不透传 SSE，普通 HTTP 正常、实时推送不可达；此场景下插件自动降级为轮询，可正常收发消息，仅新消息可能延迟数秒到达。需要即时推送请使用支持 SSE 的隧道（Cloudflare named tunnel、自定义 TCP 端口转发等）。\n\n| 工作区列表 | 会话列表与新建会话 |\n| --- | --- |\n| ![移动端工作区](docs\u002Fscreenshots\u002F20-mobile-workspaces.png) | ![移动端会话列表](docs\u002Fscreenshots\u002F21-mobile-sessions.png) |\n| 聊天（折叠的深度思考与工具调用） | 模型与思考强度选择 |\n| ![移动端聊天](docs\u002Fscreenshots\u002F22-mobile-chat.png) | ![模型选择](docs\u002Fscreenshots\u002F23-mobile-model-sheet.png) |\n\n### 远程连接\n\n侧边栏「SSH」入口打开远程运维面板。主机支持密钥 \u002F 密码认证，可从 `~\u002F.ssh\u002Fconfig` 一键导入；配置统一存于 `~\u002F.dsh\u002Fdsh-ssh.json`。对已配置主机可执行真实操作：\n\n- **Web 终端**：xterm.js 远程终端，实时输出、随窗口自适应；\n- **文件传输**：SFTP 上传 \u002F 下载，带进度条与远程目录浏览；\n- **端口转发**：本地隧道直达远程内网服务（数据库、API、管理后台），仅监听 127.0.0.1；\n- **集群执行**：一条命令并发跑多台主机，按别名 \u002F 环境 \u002F 标签过滤；\n- **Agent 直连**：Agent 与面板共享同一份主机配置，对话中直接说「连一下 xxx 看看状态」即可由智能体执行远程命令。\n\n### 图像理解\n\n为纯文本模型提供视觉能力：对话中提到图片（本地路径、http(s) URL 或会话附件）时，`describe_image` 工具把图片交给配置的 OpenAI 兼容视觉端点（Qwen-VL、GLM-4V、GPT-4o、本地 Ollama 等）回答，**只有返回的文本进入会话，图片本身不进会话记录**。纯文本模型的输入框没有图片入口，插件在输入框加了一个图片按钮：选图后自动生成附件引用插入草稿，模型即可用 `describe_image` 分析；工具还支持 `prompt` 参数传入自定义指令（如 OCR、UI 诊断、翻译），比默认描述更精准。端点、模型、密钥与默认指令在「设置 > 插件配置 > Image understanding」卡配置，即时生效。\n\n### 设置中心\n\n全部插件的开关与参数统一收纳于「设置 > 插件配置」，修改即时生效；组内另有「社区插件」卡片，索引社区贡献者自行登记的插件并链接到他们的仓库。\n\n![插件配置中心](docs\u002Fscreenshots\u002F02-settings-web-ui-plugins.png)\n\n## 皮肤\n\n皮肤中心提供 9 款皮肤，均支持先试穿再应用：试穿即时生效、退出完全还原，确认满意后一键应用。\n\n![皮肤中心](docs\u002Fscreenshots\u002F03-settings-skin-center.png)\n\n### Windows XP（Luna）\n\n还原 Luna 经典界面：蓝色渐变窗口条、绿色「开始」按钮、Bliss 蓝天桌面，全局直角风格。\n\n![Windows XP 皮肤](docs\u002Fscreenshots\u002F16-skin-xp-light.png)\n\n### Minecraft 方块世界\n\n以《我的世界》主界面为灵感：像素全景天空盒在界面后方缓慢旋转，按钮为灰石板样式，输入框为木告示牌样式。\n\n![Minecraft 皮肤](docs\u002Fscreenshots\u002F15-skin-minecraft-light.png)\n\n### Blue Fantasy 蓝色幻想\n\n鲸鱼插画铺于半透明面板之下，靛蓝色调色板贯穿全局，暗色主题下效果尤为突出。\n\n![Blue Fantasy 暗色](docs\u002Fscreenshots\u002F17-skin-blue-fantasy-dark.png)\n\n### 鲸吟（Whale Song）\n\n深海鲸语女神主题：无文字纯氛围背景画（蓝发女神与鲸群居左、冰蓝星座网格与金色细线点缀、右侧大量留白）垫在半透明面板之下，冰蓝 \u002F 浅青 \u002F 深海军蓝 \u002F 钴蓝冷色体系贯穿全局，暗色变体为深海夜航调。\n\n![鲸吟 亮色](docs\u002Fscreenshots\u002F24-skin-whale-song-light.png) · ![鲸吟 暗色](docs\u002Fscreenshots\u002F25-skin-whale-song-dark.png)\n\n### 交易终端（Trading Terminal）\n\n带实时行情的炒股皮肤：顶栏滚动跑马灯（A股 \u002F 港股 \u002F 美股 \u002F 指数 \u002F 加密 \u002F 外汇，红涨绿跌），标题栏行情快签，状态栏展示 A股 \u002F 港股 \u002F 美股交易时段与港美股指数。已安装 `dsh-fun-ticker` 时跑马灯跟随你的自选列表（同源代理取数），已安装 `dsh-longbridge` 时指数格渲染长桥券商快照；两个插件都没装也能直接走公共行情源（腾讯 \u002F 币安 \u002F Frankfurter）独立工作，所有路径失败都安全降级为 `--`。\n\n![交易终端 亮色](docs\u002Fscreenshots\u002F26-skin-trading-light.png) · ![交易终端 暗色](docs\u002Fscreenshots\u002F27-skin-trading-dark.png)\n\n其余四款：QQ2008 怀旧版（水晶蓝配色与企鹅元素）、同花顺风格（行情元素融入界面）、龙的传人（朱砂龙印主题）、初音未来（蓝紫品红渐变与磨砂玻璃面板，亮暗双主题）。\n\n## 安装\n\nDSH 插件通过 `dsh plugin` 命令安装进 **profile**（`dsh web` 对应 `web` profile）。推荐直接安装聚合包 `dsh-web-ui-all`——一个包装齐全部功能插件与皮肤；只想用皮肤则装 `dsh-skins`。\n\n### 方式一：从 npm 安装（推荐）\n\n插件已发布到 npm（`@linxin666` scope），一条命令装齐：\n\n```sh\ndsh plugin --profile web add @linxin666\u002Fdsh-web-ui-all@0.1.12\n```\n\n装完重启 `dsh web`，侧边栏即可看到全部插件入口。只想用皮肤则装 `@linxin666\u002Fdsh-skins`。\n\n> 版本固定为当前最新发布版 `0.1.12`。`0.1.1` 的 `dsh-pet` 缺少运行时文件（`lib\u002Ftypes\u002F*.js`），且个别环境对 npm `latest` 的解析可能受 registry 缓存影响，带版本号安装最稳妥；升级时把 `@0.1.12` 换成新版本号。\n\n> 首次安装若提示 `ERR_PNPM_IGNORED_BUILDS`（pnpm 拒绝依赖的构建脚本），按提示把 `cloudflared` \u002F `cpu-features` \u002F `ssh2` 加入 profile 的 `pnpm-workspace.yaml` `allowBuilds` 后重新执行即可。\n\n### 方式二：从 GitHub 仓库安装（改代码调试）\n\n插件包已在 npm 发布，仓库安装仅供开发调试（需要 Node.js >= 22 与 pnpm）：\n\n```sh\n# 1. 克隆仓库\ngit clone https:\u002F\u002Fgithub.com\u002Fzhu1090093659\u002Fdsh-web-ui.git\ncd dsh-web-ui\n\n# 2. 安装依赖并构建\npnpm install\npnpm -r build\n\n# 3. 把全家桶链接进 web profile（推荐，先链接全部子包再注册聚合包）\nnode scripts\u002Flink-profile.mjs\ndsh plugin --profile web add link:$(pwd)\u002Fpackages\u002Fdsh-web-ui-all\n\n# 4. 重启 dsh web，侧边栏即可看到全部插件入口\ndsh web\n```\n\n> 只想用皮肤：第 3 步只执行 link-profile 后安装 `packages\u002Fdsh-skins` 即可。\n>\n> 注意：profile 目录不是 pnpm workspace，聚合包里的 `workspace:*` 依赖会回退拉取 npm 已发布版本；\n> 若 npm 版本滞后或损坏会出现「宿主已挂载但 UI 不显示」，此时先用 `node scripts\u002Flink-profile.mjs`\n> 让全部子包走仓库构建产物。\n\n### 单独安装某个插件\n\n不想装全家桶时，可单独安装任意插件（npm 已发布，直接用包名）：\n\n```sh\ndsh plugin --profile web add @linxin666\u002Fdsh-client-ui-task-board   # 任务看板\ndsh plugin --profile web add @linxin666\u002Fdsh-ssh                    # 远程连接（SSH）\ndsh plugin --profile web add @linxin666\u002Fdsh-tool-describe-image    # 图像理解工具\ndsh plugin --profile web add @linxin666\u002Fdsh-pet                    # 鲸鱼娘宠物\n```\n\n### 验证与卸载\n\n安装成功后重启 `dsh web`，侧边栏出现对应入口即生效；也可用 `dsh --profile web --dump-config` 确认插件配置层已挂载。若侧边栏没有新入口，多半是安装后没有重启 `dsh web`。\n\n卸载：`dsh plugin --profile web remove @linxin666\u002Fdsh-web-ui-all`，然后重启 `dsh web`。\n\n技术细节见 [docs\u002Fplugins.md](docs\u002Fplugins.md)。\n\n## 社区\n\n欢迎加入**中心社区**，与开发者和其他用户一起交流使用心得、反馈问题、参与讨论。微信扫码即可加入：\n\n![中心社区](docs\u002Fcommunity-center.jpg)\n\n## 来源与版权\n\n| 包 | 来源 | 版权 |\n| --- | --- | --- |\n| dsh-task-board \u002F dsh-git-graph \u002F dsh-aionui-panel \u002F dsh-pet \u002F dsh-remote-web-ui \u002F dsh-live-stats \u002F dsh-web-ui-settings \u002F dsh-skins \u002F dsh-web-ui-all \u002F skins | 作者 zhu1090093659 个人开发 | Apache-2.0（zhu1090093659） |\n| dsh-tool-describe-image | 移植自 [whitelonng\u002Fdsh-plugin-describe-image](https:\u002F\u002Fgithub.com\u002Fwhitelonng\u002Fdsh-plugin-describe-image)（deepseek-harness `packages\u002Fvision\u002Ftool-describe-image`） | Apache-2.0（zhu1090093659） |\n\n迁入第三方代码必须保留 LICENSE 与署名；活跃且有上游的第三方优先 fork 或依赖引用，不搬代码。\n\n\u003Cdetails>\n\u003Csummary>友情链接\u003C\u002Fsummary>\n\n- https:\u002F\u002Flinux.do\n- [dshfind](https:\u002F\u002Fdshfind.com) —— 面向 DeepSeek Harness 的学习与分享社区，聚合论文精读、插件超市与用户排名。\n- [deepseek-plugin-store](https:\u002F\u002Fgithub.com\u002FEricwong5021\u002Fdeepseek-plugin-store) —— DeepSeek Harness 独立社区插件商店，发现、安装并提交经过验证的插件、工具与扩展。\n- [dsh-data-agent](https:\u002F\u002Fgithub.com\u002Fomdsh-dev\u002Fdsh-data-agent) —— 为 DSH 定义专用 Data Agent 预设，让 AI 帮你查询、更新、分析数据。\n- [dsh-TUI](https:\u002F\u002Fgithub.com\u002Fccch1mneyyy\u002Fdsh-TUI) —— Claude Code 风格全屏交互终端插件，补位官方缺失的终端 TUI：像素鲸鱼顶栏、实时工作状态行、思考流式展开、双击 Esc 回滚、上下文进度条与 TPS 仪表。\n- [dsh-tianshu-tui](https:\u002F\u002Fgithub.com\u002Fhuiliyi37\u002Fdsh-tianshu-tui) —— 基于官方 DeepSeek Harness 的交互式终端 UI 插件，在官方基础上增加 TDD 与证据门等工作流。\n\n\u003C\u002Fdetails>\n\n## Star 历史\n\n[![Star History Chart](https:\u002F\u002Fraw.githubusercontent.com\u002Fzhu1090093659\u002Fdsh-web-ui\u002Fstar-history\u002Fstar-history.svg)](https:\u002F\u002Fwww.star-history.com\u002F?repos=zhu1090093659%2Fdsh-web-ui&type=date&legend=top-left)\n","dsh-web-ui 是 DeepSeek Harness（DSH）Web UI 的插件与皮肤扩展集合，提供任务看板、Git 图谱、右侧面板、移动端远程控制、SSH 远程运维、图像理解、实时 token 统计及鲸鱼娘交互宠物等功能。所有插件基于 TypeScript 开发，支持独立安装或聚合部署，深度集成 DSH 智能体工作流，具备状态自动同步、定时任务、多格式文件预览、SSE 实时通信、SFTP 文件传输、视觉模型桥接等能力。适用于本地 AI 开发者、DevOps 工程师及需要可视化协同与远程操作的 LLM 应用场景。",2,"2026-08-14 02:30:07","CREATED_QUERY"]