DeepSeek Harness Plugin Hub

Publish and manage complete Harness Profiles. Discover Plugins for your next setup.

Explore

PluginsPresetsDocsNews

Community

Publish a pluginContactReport an issue

Resources

Plugin Hub on GitHubDeepSeek HarnessSystem statusPrivacy notice
© 2026 DeepSeek Harness Plugin HubPowered byPaxTech

Independent and unofficial. Not affiliated with, authorized by, or endorsed by DeepSeek.

DeepSeek Harness Plugin Hub
ProfilesPluginsCategoriesNewsDocsSign inManage Profiles
ProfilesPluginsCategoriesNewsDocsSign in
← Plugins
C

@zink-ning-lkr/dsh-chat-width

Chat Width

Conversation area width adjustment—widen or narrow the chat content area and user bubbles, with slider settings taking effect immediately (self-rendered DOM, official client channel)

The plugin will be installed here. Keep web if you are unsure.

npx -y @deepseek-ai/dsh plugin --profile web add github:zink-ning-lkr/dsh-chat-width#bbdb1bfa9f1fa4d8a4fde9cfcd8715a62eafb35b
READMECompatibilityVersions

Compatibility and provenance

Chat Width is published as @zink-ning-lkr/dsh-chat-width and currently resolves to version 0.2.1. The Hub verifies its manifest and preserves the exact installation source for reproducible installs.

DSH compatibility
*
Runtime surfaces
web
Release source
github
Registry updated
8/27/2026

Versions

0.2.1stable
8/27/2026

Related plugins

Loading related plugins…

Latest
0.2.1
DSH
*
HMR
Process restart
Tree shaking
Safe tree shaking not declared
Unpacked size
Unavailable
Files
Unavailable
Surface
web
License
MIT
Source
github
GitHub
★ 1
Weekly downloads
0
Last push
8/27/2026
View source ↗
README badge

Click the badge to copy Markdown for your README.

Do you maintain this Plugin?Claim benefit · Priority security scan

Verify the GitHub repository declared in package.json to manage this listing. After you claim it, Hub will prioritize a security scan of the current version and publish the result when it passes.

Claim this Plugin →
Report an issue

Related plugins

More verified plugins in ui-customization.

Whale Widgetdsh-whale-widgetDeepSeek balance whale widget in the bottom-right corner of the DSH Web interface: balance/today’s usage/peak-off-peak pricing, customizable bubble click sequence (text/balance/today/peak-off-peak/image/random phrases and parallel weighted selection), per-line styles and fonts, floating quick editinClient Ui Skill Explorer@linxin666/dsh-client-ui-skill-explorerDSH skill center: browse loaded skills by source (bundled / project / user / custom / runtime), enable or disable, create and delete, in a web GUI panel.Client Ui Task Board@linxin666/dsh-client-ui-task-boardHost-authoritative task board for the DSH Web GUI with real session execution, Host cron scheduling, and optional cross-platform idle-sleep protection; mounted without DSH source changes.Client Ui Git Graph@linxin666/dsh-client-ui-git-graphExternal dsh web GUI plugin: a blank-session git branch selector + Git graph, with real host-side git operations and guards, as a dsh profile bundle

README

dsh-chat-width

对话区宽度调节插件(DSH Web GUI)。

功能

  • 对话区宽度:滑块调节消息列与输入框的整体内容宽度(480–1680px),拖动即时生效。
  • 用户气泡宽度:滑块调节用户气泡最大宽度(320–1200px,不超过容器 82%)。
  • 恢复默认:一键清空配置,回到官方原值(748px / 525px)。

原理

官方对话区宽度由 CSS 变量 --dsh-chat-content-width(默认 748px)控制,定义在会话根元素上; 输入框卡片宽度是它的衍生值(calc(+32px))。插件扫描样式表定位声明该变量的规则 → 命中 会话根元素 → inline 重设变量,消息列与输入框整体联动。用户气泡栈([data-time-hover-root] > :first-child) 注入变量驱动规则(min(var(--dsh-user-bubble-max), 82%))覆盖官方 525px 上限。

类名是构建混淆名,但变量名稳定——以变量名为锚,不依赖混淆类。若根元素定位失败,降级为 直接覆盖 [data-chat-flow] 的 max-width(输入框不联动,主体仍生效)。

配置存储

写入 ~/.dsh/settings.yaml 的 chat-width 命名空间(可手改):

chat-width:
  width: 748      # 480–1680
  bubbleMax: 525  # 320–1200

读写走插件自带的 loopback 桥接(/api/dsh-chat-width/settings/describe|mutate)。 远程浏览器(remote-web-ui)不是 loopback 连接,配置自动降级为默认值。

结构

  • lib/index.js — Node half:注册 chat-width settings namespace + loopback 桥接路由。
  • lib/client.js — 浏览器 half:宽度控制器 + 设置 Tab(官方 slots 通道)。
  • scripts/build.sh — 构建/打包:校验双 half 语法并产出 npm pack tgz(插件生产线兼容)。

安装 / 下载

从 npm 安装(推荐)

dsh plugin --profile web add @zink-ning-lkr/dsh-chat-width

也可以手动安装依赖并装配:

npm install @zink-ning-lkr/dsh-chat-width

然后在 profile 的 package.json 中把 @zink-ning-lkr/dsh-chat-width 加入 dsh.profile.bundles。

从 GitHub Release 下载

到 Releases 下载 当前版本的 zink-ning-lkr-dsh-chat-width-<版本号>.tgz,然后安装:

dsh plugin --profile web add ./zink-ning-lkr-dsh-chat-width-<版本号>.tgz

例如 v0.2.0 直链: https://github.com/zink-ning-lkr/dsh-chat-width/releases/download/v0.2.0/zink-ning-lkr-dsh-chat-width-0.2.0.tgz

本地构建

bash scripts/build.sh   # 校验双 half 语法,产出 zink-ning-lkr-dsh-chat-width-<version>.tgz

或直接使用开发台的插件生产线(dev_build_plugin 构建、dev_release_plugin 发 GitHub Release)。

本地开发 / 热装

profile package.json 的 dsh.profile.bundles 加入 @zink-ning-lkr/dsh-chat-width,依赖用 link: 指向本目录; 或使用 dev_install_package 热装(junction + loader.create,免重启)。

License

MIT © zink-ning (zink_ning)