Introduction

The DeepSeek Harness (DSH) Web GUI provides a chat interface. When handling long conversations or wide-screen displays, the default chat area width may be limited, affecting the reading or editing experience. The zink-ning-lkr/dsh-chat-width plugin provides instant adjustment capability through sliders.

What Is It

This is a client-side plugin maintained by zink-ning-lkr. It solves the problem of allowing users to customize the maximum width of the chat content area and user bubbles in the DSH Web GUI, achieving layout adaptation through configuration.

Core Features

The plugin provides the following features:
1. Chat area width adjustment: A slider controls the overall content width of the message column and input box, ranging from 480 to 1680 px; dragging takes effect immediately.
2. User bubble width adjustment: A slider controls the maximum width of user bubbles, ranging from 320 to 1200 px, and not exceeding 82% of the container width.
3. Restore defaults: One-click clearing of the configuration is provided, returning the interface to the official defaults (748 px for the overall width and 525 px for the maximum bubble width).

Installation and Enablement

Use the official CLI to install the plugin:

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

Typical Usage

Configuration data is stored under the chat-width namespace in ~/.dsh/settings.yaml. Users can directly edit the YAML file or make changes through the API provided by the plugin.

Example configuration:

chat-width:
  width: 748      # 对话区宽度，范围 480-1680
  bubbleMax: 525  # 用户气泡最大宽度，范围 320-1200

The plugin handles configuration read and write operations through the /api/dsh-chat-width/settings/describe|mutate path.

Applicable Scenarios and Notes

  1. Remote browser limitation: When connecting to a browser through remote-web-ui, because it is not a local loopback connection, the configuration automatically falls back to default values.
  2. Environment requirements: Requires Node.js version >= 18.
  3. License: MIT License, copyright attributed to zink_ning.

Short Conclusion

This plugin solves the limited DSH Web GUI layout width problem with simple slider operations, suitable for developers who frequently adjust chat interface widths. For more details, see the GitHub.