DSH Web UI 会话提问索引:右缘时间比例圆点窄条与可展开链面板,展示每次用户提问的问题与时间,含分支/子会话;点击节点跳转并高亮对应消息。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-chat-index
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:kk112222/dsh-chat-index
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本——pnpm 默认拦截,所以安装可能停在 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 或 ERR_PNPM_IGNORED_BUILDS;dsh 会打印出需要添加的确切键名,把它加进该 profile 的 pnpm-workspace.yaml 的 allowBuilds 下,重跑一次即可装上。放行构建本身就是一次信任判断:请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
A per-session question index for the DeepSeek Harness Web UI (dsh web): a thin time-proportional dot rail on the right edge of every conversation, plus an expandable chain panel. Every user question is a node with its text and time — including questions in branch/subagent sessions — click any node to jump to that message and briefly highlight it.
功能 / Features
- 右侧圆点窄条(rail):每个提问一个圆点,按真实提问时间间隔分布 (顶部 = 最早,底部 = 最近);点击圆点 → 聊天区滚动定位并短暂高亮; 按住上下拖动可快速滑动,拖动时右侧浮出该提问的摘要小窗;条顶显示提问数。
- 链面板(chain):会话标题行最右的常驻
≡开关,或窄条底部⇱, 展开链视图 —— 每个节点显示问题摘要 + 时间;分支/子会话以子树 挂在主会话下(节点可点击,先切换到对应会话再定位高亮);✕收起。 - 空会话不显示窄条,但
≡始终可用(面板显示"还没有提问")。 - 数据源:当前会话实时快照 + 持久历史(
session.history分页),换会话自动重建。 - 纯前端实现,host 仅保留最小 loader 入口。
- 与已有同类(
dsh-question-nav、dsh-chat-rail、dsh-chat-index-rail)的差异: 链面板 + 分支会话子树 + 时间比例分布。
截图 / Screenshots
| 右侧提问窄条(rail) | 链面板(chain,含分支子树) |
|---|---|
![]() |
![]() |
均为实际运行截图(点击图片可放大)。
docs/下另存有两张同风格的 SVG 设计稿 (preview-rail.svg/preview-panel.svg),供文档或宣传图复用。
安装 / Install
通过 DSH 官方插件通道安装(npm 发布后可用):
dsh plugin --profile web add dsh-chat-index
手动安装(无需联网,便于本地调试):把本包放进 profile 依赖目录,并在
~/.dsh/profiles/web/cordis.patch.yml追加:- insert: - id: chat-index name: 'dsh-chat-index'无需重启服务,刷新页面即可。注意:手动通道与官方通道二选一,避免双重挂载。
使用 / Usage
- 打开任意会话 → 右侧出现窄条(有提问时)。
- 点圆点 / 按住拖动 → 跳到对应提问并高亮。
- 点标题行右侧
≡(或窄条底部⇱)展开链面板;点节点跳转,✕收起。 - 会话内开关状态各自记忆;刷新页面后默认收起。
开发 / Development
node scripts/build.mjs # 生成 lib/client.js(src/client/* 拼接)
node scripts/smoke.mjs # 离线冒烟测试(模拟 DSH 模块加载器)
npm run check # build + 语法检查 + smoke
结构:
src/client/ 客户端源码片段(纯 JS,无 JSX/TS)
00-libs 01-style 02-utils 03-data 04-components 05-apply
lib/ 发布产物(lib/index.js 宿主入口 + lib/client.js 浏览器模块)
cordis.patch.yml DSH bundle patch(loader 挂载行)
scripts/ 构建与冒烟脚本
发布 / Publishing
- 版本:bump
package.json的version(semver)。 - 推送 tag(如
v0.1.1)会触发 .github/workflows/publish.yml 自动npm publish(需在仓库 Settings → Secrets → Actions 配置NPM_TOKEN, 值 = 一个 npm Automation 令牌;令牌须带 npmjs 的 2FA 绕过能力)。 - 市场目录条目在 awesome-dsh-plugin
的
data/plugins/kk112222__dsh-chat-index.yml,指向本仓库,一般无需改动。
License
MIT © xiaoshuai111
链接
同类插件
zhu1090093659/dsh-web#packages/dsh-task-board★ 9262
侧边栏多列任务看板:卡片交给真实 DSH 智能体会话执行,支持 cron 定时(Host 侧到点执行,关浏览器也生效)。
zhu1090093659/dsh-web#packages/dsh-web-all★ 9262
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
MeteorNOX/DeepSeek-Balance-Whale-Widget★ 5677
右下角常驻的小鲸鱼挂件:余额、今日已用与每轮对话消耗(含峰谷价),余额预警与今日预算的泡泡内容都可编辑;泡泡点击序列模块化自定义,支持并列加权 A/B、随机台词与随机图片;内置 30+ 厂商模板(OpenAI / OpenRouter / Kimi / 硅基流动 / 方舟 / 智谱 / MiniMax 等),按模型查余额与订阅额度;另有任务结束音效、导入音频、自定义角色与资源管理。数据全在本机,无遥测。
ccch1mneyyy/dsh-TUI★ 5125
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
omdsh-dev/DSH-better-sidebar★ 4413
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
Devin-AXIS/deepseek-design#deepseek-idesign★ 1491
可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。


社区评论
评论公开保存在 GitHub Discussions。加载评论会连接 GitHub 和 Giscus;发表内容需要 GitHub 账号。