magicOF2/dsh-chat-width-customizer

Plugin插件 Native原生 ⭐ 2 MIT UI & Themes界面与主题

Project Overview项目介绍

This is a native DSH web plugin that lets users adjust the width of the chat content area in the DSH web UI. To install it, you can run the command dsh plugin --profile web add https://github.com/magicOF2/dsh-chat-width-customizer.git via the DSH CLI, or install it from npm once it is published. After installation, you need to restart the dsh web process and perform a hard refresh of your browser to load the plugin automatically, and no manual activation is required after that.

The plugin adds a small button that displays the current width to the top-right corner of every conversation header, next to the existing view tabs. When you click the button, it cycles through 7 preset width options ranging from the default 748px to a maximum 1600px, and adjusts the chat content area, the input composer, and user message bubbles all together. This plugin is ideal for users with wide screens who find the default DSH chat width too narrow to use comfortably.

All width settings are stored in your browser’s localStorage, so they persist across page reloads, browser restarts, and different DSH sessions. The plugin automatically syncs width settings across multiple open DSH tabs, and automatically clamps the width to fit smaller viewports so it never overflows your screen. It has no external dependencies or external network requests, as all processing happens locally in your browser. It works with all modern browsers that support the latest web standards, is released under the permissive MIT license, and advanced users can edit the preset list to add, remove, or modify width options.

这是一款专为 DeepSeek Harness(DSH)Web 界面开发的原生 UI 插件,核心功能是自定义对话内容区的宽度。它会在每个会话的标题栏右上角添加一个显示当前宽度的按钮,点击即可循环切换 7 档预设宽度,范围从默认的 748px 到最大 1600px,满足宽屏用户对更大对话可视区域的需求。

这款插件适合使用宽屏显示器、觉得 DSH 默认对话宽度过窄的用户使用。安装完成后无需手动启用,打开任意会话就能看到新增的宽度按钮,点击切换后宽度立即生效,且设置会全局共享,切换会话、刷新页面甚至重启浏览器后都会保留上次选择,打开同账号的不同 DSH 标签页也会实时同步设置。

该插件支持 DSH 0.1.0-rc.6 及以上版本,可通过 DSH CLI 命令直接从 GitHub 或 npm 安装,安装后需要重启 dsh web 并强制刷新浏览器。它是纯前端实现,没有外部依赖、不需要网络请求,所有数据仅存储在本地浏览器,采用 MIT 开源许可证,高级用户还可以自定义修改宽度预设档位。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 warning1 项注意
  • Only 2 stars - very few users, little community feedback星标只有 2,几乎没人在用,遇到问题缺少社区反馈
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add dsh-chat-width-customizer

把 magicOF2/dsh-chat-width-customizer 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

🐋 dsh-chat-width-customizer

聊天宽度自定义 · Chat Width Customizer — 为 DeepSeek Harness Web UI 一键加宽对话内容区的插件

Version License Platform

在会话标题栏右上角加一个「宽度 · NNNpx」按钮,点击循环切换 7 档宽度预设, 对话内容区、输入框、用户消息气泡一起变宽,并记住你的选择。


✨ 特性 / Features

  • 一键加宽:点击标题栏按钮循环切换宽度档位(748 → 1600 px),无需进设置页
  • 整列联动:对话消息区、底部输入框(Composer)、用户气泡同步加宽,观感统一
  • 全局共享:宽度是全局状态 —— 在 A 会话调到 1600,切到 B 会话依然 1600,按钮显示一致
  • 跨标签页同步:另一个 DSH 标签页里改宽度,本页通过 storage 事件实时跟随
  • 窄窗不溢出:实际应用的宽度按视口自动钳制(视口 −24px、下限 320px),窗口缩放时实时重算;按钮仍显示所选档位
  • 持久记忆:选择写入 localStorage,刷新页面 / 重开浏览器后自动恢复,不丢失
  • 零配置:纯浏览器端插件,无 Host 逻辑、无外部依赖、无网络请求,所有数据只存本机
  • 主题友好:按钮样式完全使用 DSH 主题 CSS 变量,浅色 / 深色模式自动适配

🎯 界面位置 / Where it lives

按钮位于每个会话标题栏的右上角(标题、视图标签右侧的独立工具区):

┌──────────────────────────────────────────────────────────┐
│  💬 会话标题        [对话] [轨迹]      [宽度 · 1024px]     │
├──────────────────────────────────────────────────────────┤
│  (对话内容区 —— 宽度随按钮档位变化)                      │
└──────────────────────────────────────────────────────────┘

📦 安装 / Installation

方式一:从 GitHub 安装(推荐给其他用户)

dsh plugin --profile web add https://github.com/magicOF2/dsh-chat-width-customizer.git

方式二:从 npm 安装(发布后可用)

dsh plugin --profile web add dsh-chat-width-customizer

方式三:本地开发 / 自用(链接方式)

# 把仓库克隆到外部插件目录(或直接把本仓库目录放进去)
git clone https://github.com/magicOF2/dsh-chat-width-customizer.git ~/.dsh/external/dsh-chat-width-customizer

# 链接进你的 profile
dsh plugin --profile web add link:C:/Users/<你的用户名>/.dsh/external/dsh-chat-width-customizer

⚠️ 安装后需要重启 dsh web,并在浏览器里 Ctrl+Shift+R 强制刷新一次。 之后插件随 GUI 自动加载,无需任何手动启用。

🖱️ 使用 / Usage

  1. 打开任意会话,点击标题栏右侧的「宽度 · NNNpx」按钮
  2. 每点一次循环到下一档:748 → 896 → 1024 → 1152 → 1280 → 1440 → 1600 → 748 …
  3. 宽度立即生效,且全局共享:
    • 切换会话 → 宽度与按钮显示保持一致
    • 刷新页面 → 自动恢复上次选择的宽度

⚙️ 自定义宽度档位 / Custom presets

默认预设为 [748, 896, 1024, 1152, 1280, 1440, 1600](单位 px)。 想改档位、增减档数,编辑 lib/client.js 顶部的 PRESETS 常量即可:

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要,完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

← 上一个 Prev dsh-jump-rail 下一个 Next dsh-engineering-services →