Back to home

a792883583

dsh-chat-toc

DSH web GUI chat table-of-contents: outline bar on the right edge of the conversation, hover to expand, click to jump

Stars
0
Language
TypeScript
Created
Aug 15, 2026
Updated
Aug 15, 2026

Introduction

dsh-chat-toc

English · Español

DSH Web GUI 的对话目录插件:聊天区右缘的书本目录窄条,悬停展开目录列表,点击任意条目跳转到对应消息。

功能

  • 目录窄条:贴合聊天区右缘(Git 面板折叠箭头的左侧),每条消息一个横线标记——线长 ≈ 消息内容量,用户消息蓝色、助手消息绿色
  • 当前阅读位置高亮:滚动对话时,当前消息的标记自动高亮(窄条与弹出列表同步)
  • 悬停展开目录:鼠标移到窄条即弹出完整目录(角色色条 + 序号 + 消息摘要),离开自动收起
  • 点击跳转:点击任意条目平滑滚动到对应消息
  • 多语言:自动跟随 DSH Web 界面语言(中文 / 英文),西班牙语浏览器自动切换西班牙语,默认简体中文
  • 明暗主题跟随 DSH Web GUI;与 dsh-git-panel 共存,位置自动联动

界面预览

目录窄条(多轮对话后聊天区右缘的横线标记,当前阅读位置高亮):

目录窄条

悬停展开的目录列表(角色色条 + 序号 + 摘要,点击跳转):

目录列表

安装

dsh plugin --profile web add dsh-chat-toc

重启 dsh web,多轮对话后聊天区右缘即出现目录窄条。

本地开发时可用 dsh plugin --profile web add link:/path/to/dsh-chat-toc 以链接方式安装,修改源码后 npm run build 并刷新页面即可生效。

License

MIT