편집자 노트

自适应宽度

DeepSeek Harness Web GUI

이것은 DeepSeek Harness(DSH) 플러그인입니다. 이 사이트는 GitHub README, 설치 정보, 유지보수 상태, 공개 보안 시그널을 모아 보여줍니다.

dsh-fluid-width

让 DeepSeek Harness(DSH)Web GUI 的聊天显示区自适应屏幕宽度

问题

DSH Web GUI 的聊天显示区宽度由 conversation 根节点的 CSS 变量 --dsh-chat-content-width 决定,出厂值硬编码为 748px——聊天列、输入框、 提问卡片全都消费这个变量。宽屏(如 2560×1600)下中间留大片空白,显示区 看起来非常窄。

本插件做什么

把该变量覆盖为 min(100%, 2000px):显示区随窗口流动,仅在超宽屏 (中心列 > 2000px,约 4K 显示器)保留封顶。

  • 聊天列 / 输入框 / 提问卡片自动跟随(它们都用同一个变量);
  • 侧边栏和右侧面板的宽度不受影响,可继续用分隔条拖拽。

两条注入路径互为保险:

  1. 静态覆盖:以当前版本的根 class 加 !important 声明,与官方样式的 加载顺序无关,立即生效;
  2. 版本无关重写:用 MutationObserver 监听 <head> 里注入的 <style>,凡出现 --dsh-chat-content-width:<px> 的字面量定义就原地 替换。DSH 升级后 class hash 变化时,路径 1 会失效,路径 2 仍能兜底。

安装

dsh plugin --profile web add github:LessXi/dsh-fluid-width
  • 本插件零依赖、无 prepare 构建脚本,Git 安装后无需任何构建步骤;
  • 安装完成后重启 dsh web(bundle 列表是启动时快照),再刷新页面。

验证:打开任意会话,缩小/拉宽浏览器窗口,聊天内容应随窗口伸缩。

自定义封顶

编辑 lib/client.js 顶部的常量:

const MAX_WIDTH_PX = 2000;
  • 改成 100%(连同上面的拼接)可完全流式,无任何封顶;
  • 改小(如 1200)可让内容重新收敛。

卸载

dsh plugin --profile web remove dsh-fluid-width

然后重启 dsh web

兼容性说明

  • 目标运行面:DSH Web GUI(dsh web,client 半区)。插件没有 host 职责。
  • 静态覆盖依赖当前版本 conversation 根节点的 CSS class (.hlCKXq_root);若某次 DSH 升级后该 class 变化且官方样式改用 非 px 字面量定义,两条路径都失效时,把 ROOT_CLASS 更新为新的 class 即可。
  • 本仓库按 DSH bundle 契约分发(dsh.bundle.patchcordis.patch.yml), 无需手动编辑 profile 的 cordis.patch.yml

开发

npm run check   # node --check 语法检查 + client 半区 vm smoke test

test/smoke.mjs 用最小 DOM shim 验证:模块注册、<style> 注入、 官方样式到达后的原地重写、dispose 清理。

License

MIT

REPOSITORY SIGNALS

보안 및 설치 증거

이 점수는 공개 저장소 메타데이터와 이 사이트에 등록된 설치 증거에만 기반하며, 코드 보안 감사와 다릅니다.

출처 추적 가능

공개 플러그인 카탈로그에서 왔으며, 공개 GitHub 저장소로 연결됩니다.

라이선스

저장소가 MIT 라이선스를 선언했습니다.

유지보수 활동

최근 180일 내 코드 업데이트가 있습니다.

설치 증거

재현 가능한 정확한 설치 메타데이터가 아직 등록되지 않았습니다. 저장소 설명에 따라 직접 확인하세요.

설치 라이프사이클 스크립트

검사한 패키지 메타데이터에 설치 라이프사이클 스크립트가 선언되지 않았습니다.