dsh-ui-topbar-compact

DSH web UI 紧凑顶栏插件:顶栏变窄、单行布局 + 药丸视图切换 + 淡分割线。 A DSH web UI client plugin: a compact, one-line top bar with a pill-style view switcher and subtler divider.

给 DeepSeek Harness Web UI 的一个纯样式插件,重新设计会话顶栏(conversation.session.header 槽位):

调整	原版	本插件
布局	标题行 + 下方独立的标签行(约 75px 高)	单行:会话标题 | 对话/轨迹药丸 | Session log 下载,约 44px
视图切换	下划线标签(Tab)	药丸开关(圆角胶囊,选中段实心高亮),位于 Session log 下载按钮左侧
分割线	强色 border-l2 发丝线	极淡的 border-l1 混色,不再抢注意力

效果展示 / Showcase

	原生 (Native)	安装插件后 (With plugin)
亮色 Light
暗色 Dark

单行布局示意:

┌─────────────────────────────────────────────────────────────┐
│  Workspace / Session 标题 …        (对话 | 轨迹)  [Session log] │
└─────────────────────────────────────────────────────────────┘

安装

DSH 通过 npm 包名 + profile 的 patch 层挂载插件,两步:

1. 把包装进你的 web profile

dsh plugin --profile web add dsh-ui-topbar-compact

2. 在 profile 的 patch 层挂一行

编辑 ~/.dsh/profiles/web/cordis.patch.yml,追加:

- insert:
    - id: ui-topbar
      name: 'dsh-ui-topbar-compact'

重启 dsh web 即可生效。

卸载