DeepSHPlugins
dsh-chat-width 项目预览
GITHUB / COMMUNITY PROJECT

dsh-chat-width

UI 增强JavaScriptMIT

为 DeepSeek Harness 网页界面提供可拖拽的聊天内容宽度:文字列右缘的把手覆盖内置的 748px 宽度(默认 1040px、范围 520~2400、按浏览器记忆,双击恢复默认)。

4 Stars764475881 更新时间 2026-08-21
访问 GitHub 仓库
dsh-chat-width 项目预览

项目介绍

中文

为 DeepSeek Harness 网页界面提供可拖拽的聊天内容宽度:文字列右缘的把手覆盖内置的 748px 宽度(默认 1040px、范围 520~2400、按浏览器记忆,双击恢复默认)。

English

Drag-to-resize the chat content width in the DeepSeek Harness web UI: a handle on the column right edge overrides the built-in 748px width (default 1040px, 520-2400 range, persisted per browser, double-click resets).

项目信息与收录信号

快照 2026-09-11
作者 / 组织
764475881
仓库
764475881/dsh-chat-width
GitHub Stars
4
Forks
0
开发语言
JavaScript
许可证
MIT
最近推送
2026-08-21
Manifest
数据中检测到声明

公开仓库不自动等于可商用;许可证与当前兼容性以原项目文档为准。Manifest 和数据评分不构成安装安全认证。

数据评分

59/ 100
维护活跃
86
文档与实用信息
78
生态关注度
20
安装便捷信号
100
项目声明信号
100

近 21 天仍在更新;关注度尚低(4);标准命令一键安装。

评分来自已有数据快照的五维模型,仅作浏览参考,不是实际使用评测或安全检测结论。

安装与使用

所有项目资料与许可均以对应 GitHub 仓库为准。

dsh plugin --profile web add github:764475881/dsh-chat-width

复制命令不会自动执行。请先阅读仓库文档,确认环境要求与许可证。

项目截图

仓库 README

GitHub 原文

已保存的仓库文档快照;文档抓取时间未记录,可能与上方目录介绍处于不同版本。安装前请核对当前仓库说明。

dsh-chat-width

调宽 dsh 网页会话区的聊天内容宽度。dsh 原生把会话文字列限制在 748px,在大屏上左右浪费大量空间;本插件通过客户端 CSS 把 --dsh-chat-content-width 覆盖为 1040px(默认值,可调)。

输入框、底部工具栏等宽度由同一变量派生(calc(var(--dsh-chat-content-width) + 32px)),会自动跟着变宽。

调整宽度

两种方式,任选其一:

  1. 拖拽把手(推荐):会话文字列右缘(垂直中点)有一个细长的竖向把手,鼠标按住左右拖动即可实时调整宽度,松开自动记忆。双击把手恢复默认值 1040px。把手的半透明样式与主题融合,悬停/拖动时高亮。
  2. 控制台(F12):
   __setChatWidth(960)   // 任意值,范围 520~2400,立即生效
   __setChatWidth(1040)  // 恢复默认

选择会记忆到 localStorage(键 dsh_chat_width),下次打开页面仍生效。

安装

方式一:插件市场(推荐) —— 在 dsh 网页的设置 → 插件市场中搜索 dsh-chat-width,一键安装。

方式二:命令行(dsh >= 0.1.0-rc.7):

dsh plugin --profile web add github:764475881/dsh-chat-width

方式三:本地开发(link):

# 在 web profile 目录(~/.dsh/profiles/web)下
pnpm add link:/home/miku/dsh-chat-width
# 并在该 profile 的 package.json 中把 "dsh-chat-width" 加入 dsh.profile.bundles
# 然后重启 dsh web(新增 bundle 需重启生效)

卸载同理:从 package.json 的 dependencies 与 bundles 移除,pnpm install,重启。

原理

  • 服务端占位 lib/index.js:空 apply,仅让 loader 行可挂载。
  • 客户端 lib/client.js:注册为 DSH 客户端模块,注入 <style> 覆盖:
  • .wSkVaW_root.wSkVaW_root(当前 dsh 版本的会话根元素类名)
  • [data-phase][data-phase](版本无关兜底选择器,特异性 (0,2,0) 压过 dsh 自带定义)
  • 拖拽把手 .dsh-cw-handle 绝对定位锚定在文字列右缘:right: calc((100% - var(--dsh-chat-content-width)) / 2 - 7px),宽度变化由 CSS 变量实时驱动,无需 JS 计算位置;pointer 事件 + setPointerCapture 完成拖拽,松手写入 localStorage。
  • 跟手映射:文字列居中布局下右缘位移 = 宽度变化的一半,因此拖拽时宽度按指针位移的 2× 变化,把手(锚定右缘)才能 1:1 跟随鼠标,且列始终居中、松手无回弹。
  • 会话根元素可能在 boot 后才挂载(hero 阶段),插件用 MutationObserver 跟随根元素出现/切换并挂载把手。

详细设计决策见 docs/DESIGN.md。

开发

node --check lib/client.js

改完 lib/client.js 后,运行中的 dsh 会在约 1 秒内通过 HMR 热替换(无需重启)。

使用前核对

安装步骤、兼容版本与授权范围以原项目当前文档为准。Stars 和评分是快照中的导航信号。

安装与排错 · 项目问题反馈

同类项目